~/github/marklearst on main ✓
❯ whoami

name: Mark Learst
role: Senior Design Engineer
focus: Design Systems, DX Tooling, React, TypeScript, Agentic Workflows, OSS
tagline: Coder to the core, think like a designer.

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

At GM, I helped architect Aurora across 4 brands, drove meaningful
component reuse, and supported WCAG 2.2 AA compliance. I also trained
50 plus engineers and designers on the system.

I ship open source tools with real adoption:
• a11y Companion, Figma widget for practical accessibility checks
• FigmaVars Hooks, React hooks for working with Figma Variables exports
• Diabetic Utils, TypeScript utilities for glucose and A1C related calculations
• Variable Design Standard, spec driven token governance work

I build the glue between Figma and production: tight APIs, automated
pipelines, drift resistant systems that hold up long after launch.

{
  "ui": ["React 19", "TypeScript", "Next.js", "TanStack", "Tailwind"],
  "systems": ["Storybook", "Figma Variables", "Design Tokens", "MDX"],
  "ai": ["Claude Code", "Cursor", "Agentic Workflows", "Subagents", "MCP"],
  "quality": ["WCAG 2.2 AA", "Playwright", "Vitest", "CI Gates"],
  "standards": ["DTCG", "VDS", "Semantic Versioning"]
}

I develop with agentic workflows: Claude Code for architecture and
validation, Cursor for implementation. Subagent orchestration,
CLAUDE.md guardrails, MCP servers for context.

I have shipped portfolio work, component libraries, and OSS tooling
using this stack. The future is hybrid.

{
  "a11y companion": "Figma widget, 200 plus users, practical WCAG focused guidance",
  "figmavars hooks": "React 19 hooks, Figma Variables workflows, strong test coverage",
  "diabetic utils": "TypeScript, glucose and A1C analytics utilities",
  "variable design standard": "Token governance spec work, DTCG aligned"
}

🟢 Open to remote full time roles
   Design Systems, DX Tooling, Staff level IC

   React, TypeScript, Next.js, Storybook, Design Tokens
   Figma, WCAG, Claude Code, Cursor, Agentic Workflows

- Portfolio: https://www.marklearst.com
- LinkedIn: https://linkedin.com/in/marklearst
- VDS Spec: https://variable-design-standard.vercel.app