Curtis Campbell

Core Skills

Front End Architecture & Design Systems

I translate design systems into real production software, where code is the source of truth. My focus is the front end architecture that turns Figma and design tokens into accessible, maintainable component libraries, built through heavy collaboration across design, product, and engineering to raise quality and long term maintainability. I lean on AI to implement design systems faster and to add intelligence that speeds up iteration, implementation, experimentation, and shipping real products.

Front End Architecture Design Systems Design Tokens Component API Design Accessibility (a11y) AI-Accelerated Implementation

Languages

TypeScript JavaScript CSS HTML Java C# Python

Front End

React React Native Remix Next.js Lit Web Components Tailwind Vanilla Extract Emotion GraphQL

AI

Custom Skills Custom Agents AI-first Workflows Code Review Evals Copilot CLI Claude Code Cursor

Tooling & Testing

Figma Vite Webpack Nx Bazel ESLint Storybook Playwright Jest Vitest CI/CD

Leadership

I lead teams, mentor engineers, and push best practices that improve more than the software. When code is maintainable and the architecture is consistent and understandable, the work gets better and so do the people doing it. I focus on raising the bar through technical guidance and shared standards, improving team workflows alongside the product, because clear systems lead to better outcomes and happier, more effective teams.

Mentorship Technical Leadership Management Direct Reports

Work Experience

Senior Software Engineer IC4

Microsoft

Nov 2025 – Present Vancouver, BC

Partner with game developers, product, design, and backend engineers to develop experimental AI-native Xbox gaming products across iOS, Android, and web.
Built a custom, code-only design system based on Base UI by collaborating directly with product and design, including AI-powered generators and skills for building components and tokens and implementing them into a real product quickly.
Delivered 20+ components with full theming and light, dark, and high contrast modes, thorough documentation, and a custom remote MCP server connected to Figma to keep design and code in sync.
Cut development startup time from 196s to 13s on a cold start and 3s on a hot start for the mobile and web application, sharply tightening the developer feedback loop.
Develop React Native and React web experiences using custom tools, skills, GitHub Copilot CLI, multiple AI models, and agentic workflows.
Contribute Playwright E2E testing, native app testing, developer experience improvements, and CI workflow enhancements for faster, more reliable delivery.

Design Systems Base UI MCP / Figma React Native AI / Agents Playwright GitHub Copilot

Senior Software Developer

Penn Entertainment

Jun 2024 – Oct 2025 Vancouver, BC

Drove front end architecture and design system strategy across ESPN Bet and theScore Bet, partnering with design to define component APIs and tokens, then shipping 20+ strictly typed, accessible React components that reached ~80% adoption.
Backed the design system with Storybook interaction and accessibility testing at 90% coverage thresholds and shared standards that kept implementation consistent across teams.
Built a Node-based adoption metrics platform spanning web, Android, and iOS that gave the design system team data-driven insight into which components and tokens to evolve, replace, or deprecate, and where adoption gaps remained.
Set up Figma Code Connect and maintained a Figma-to-code pipeline in Node.js and Swift, linking design components directly to their production implementations across web and native.

Design Systems Design Tokens Figma Code Connect React TypeScript Storybook a11y

Technical Lead / Software Engineer

Electronic Arts

Apr 2018 – Jun 2024 Vancouver, BC

Led 6+ engineers as Technical Lead for EA App's single-page application; managed 4 direct reports and drove 2 promotions.
Owned the shared front end architecture and design system layer, building reusable React/TypeScript and Lit Web Components and codifying consistency through custom ESLint rules and Storybook boilerplate generation so teams built from a common foundation.
Collaborated heavily across product, design, and engineering to align component patterns and standards, reducing duplication and improving quality and maintainability of the UI at scale.
Led Bazel monorepo implementation, reducing CI times from 20 minutes to 4 minutes and improving developer feedback loops.

Design Systems Lit Web Components React TypeScript Bazel Tech Lead

Senior Front End Developer

BroadbandTV (RHEI)

Apr 2016 – Nov 2017 Vancouver, BC

Built React applications including Viso.tv and the Viso Catalyst Chrome extension.
Provided mentorship, technical guidance, and front-end architecture support across the team.

React Chrome Extension Mentorship

Software Engineer

Electronic Arts

Mar 2012 – Oct 2015 Vancouver, BC

Implemented HTML, CSS, and JavaScript features for the FIFA companion hybrid web app and ea.com/fifa projects.
Collaborated closely with designers on performance, responsive UI, and pixel-perfect implementation.

HTML / CSS JavaScript Cordova

Web Developer

Navigator Multimedia

Feb 2009 – Feb 2011 Kelowna, BC

Developed WordPress websites for small and medium-sized businesses.
Contributed graphic design support and client-facing web production work.

WordPress HTML / CSS jQuery