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
{ml}

marklearst

Principal Design Engineer who builds accessible design systems and React component libraries that teams actually want to use. I build open source.

ReactTypeScriptDesign SystemsStorybookWCAG 2.2Claude CodeOpen Source

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 (400+ users), FigmaVars Hooks, Diabetic Utils.

Building Variable Design Standard — spec-driven design token governance.

featured work

// Latest projects & case studies
DEVELOPER TOOLS
#d0c5999

Primitree

DTCG token pipeline that turns design system architecture into a checkable contract. Layer rules, identity-preserving diffs, and emitters for CSS, Tailwind, and TypeScript.

Design TokensTypeScriptCLI
Read case study
HEALTH TECH
#acc209c

GlucoseIQ

Headless TypeScript library for CGM and glucose data. 17 clinical metrics, device connectors, FHIR interop, and SVG rendering over a zero-dependency core.

TypeScriptHealth Technpm
Read case study
ACCESSIBILITY
#c9d2e8b

a11y Companion

Canvas-native accessibility review for Figma and FigJam. v3.0.0 adds three on-canvas audits, live contrast inspection, native Dev Mode annotations, and evidence-bound sign-off.

Figma WidgetWCAG 2.2Accessibility
Read case study
STANDARDS
#f9c231d

Variable Design Standard

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
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
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
privacy
v2026.1.0