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}
// full catalog

All work

Everything I ship lives here, design systems, React UI architecture, tokens, Storybook docs, accessibility work, motion experiments, and the tooling that makes teams faster. Some projects are shipped in production, some are open source, some are R&D that turned into patterns I reuse. Filter by focus area to scan fast, then open any card for the decisions, the tradeoffs, and the code.

7 of 7
DESIGN SYSTEMS
#h7a15c1

Hailstorm Design System

Modernized Abusix design system to React 19, Tailwind v4 tokens, Storybook 10, and WCAG 2.2 AA patterns.

Design TokensStorybookAccessibility
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
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
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
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
© 2026 Mark Learst.Crafted with precision
privacy
v2026.1.0