{ml}
function
<Component />
return
const
interface
{ }
color.primary
TS
() => {}
spacing.xl
dev
tokens
[ ]
code
<T>
type
async
font.sans
JS
TypeScript
export
[React, ...skills]
components
import
border.radius
props
default
?.
tokens
shadow.lg
await
&&
class
<Props>
accessibility
variables
transition
JSX
</>
theme
motion
( )
hooks
state
utils
wcag
responsive
grid
flex
scale
~/portfolioonmain
whoami

marklearst

Senior Frontend Engineer who builds accessible design systems and React component libraries that teams actually want to use.

At GM, I architected Aurora serving 4 brands with 60% component reuse and WCAG 2.2 AA compliance. I ship open-source with real adoption: a11y Companion (200+ users), FigmaVars Hooks, Diabetic Utils.

GitHub
Design SystemsReact • TypeScriptWCAG • A11yOpen SourceDeveloper ToolsHealth Tech

featured work

// Latest projects & case studies
DESIGN SYSTEMS
#a3f9c2d

Aurora Design System

Built GM's first cross-brand React design system achieving 60% component reuse across 4 brands (Chevy, Buick, GMC, Cadillac) with WCAG 2.1 AA compliance.

ReactDesign TokensStorybook
Read case study
DEVELOPER TOOLS
#b7e4f1a

FigmaVars Hooks

React 19 hooks library and CLI for Figma Variables REST API. Type-safe synchronization between Figma and React apps with 100% test coverage.

React 19TypeScriptFigma API
Read case study
ACCESSIBILITY
#c9d2e8b

a11y Companion

Figma widget bringing A11Y Project Checklist into design workflows. 200+ active users with WCAG 2.2 tooltips, progress tracking, and bulk actions.

Figma WidgetWCAG 2.2Accessibility
Read case study
HEALTH TECH
#e4a7b3f

Diabetic Utils

TypeScript library for glucose, A1C, and TIR calculations. Featured in Google AI Overview with 100% test coverage and adopted by health tech teams.

TypeScriptnpmHealth Tech
Read case study
STANDARDS
#f9c231d

Variables Contract

Open specification for design variable governance and cross-tool synchronization. DTCG 2025.10 compliant, solving tool lock-in and version control gaps.

SpecificationDesign TokensW3C
Read case study
CONSULTING
#d8e5c7b

Skydio Component Library

Built React/Storybook component library and onboarded product and engineering teams on adoption patterns for autonomous drone platform.

ReactStorybookConsulting
Read case study

what colleagues say

// Testimonials from industry leaders
"The rare developer that is the marriage of creative and technology. He elevates the aesthetic and user experience of any product he is developing.
Stuart O'Neil
Stuart O'Neil
Executive Creative Director
"Master craftsman with attention to detail, deep experience and passion. Mark can make the smoothest most meaningful animations with the tiniest amount of code.
Doug Wojciechowski
Doug Wojciechowski
Design Leader / Experience Design Director
"One of those rare talents that understand creative, motion and development. He's the guy that will stay up all night reading up on the latest programming frameworks.
Brandon Klebba
Brandon Klebba
Senior Web Designer
"
© 2026 Mark Learst.Crafted with precision
v2026.1.0