Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
@marklearst
marklearst
Follow
View marklearst's full-sized avatar
πŸ«₯
πŸ‘¨πŸ»β€πŸ’» Coder to the core. 🎨 Think like a designer.

Mark Learst marklearst

πŸ«₯
πŸ‘¨πŸ»β€πŸ’» Coder to the core. 🎨 Think like a designer.
Senior Design Engineer | Design Systems | React + TypeScript | Motion | Storybook | Accessibility | DX + AI Tooling | OSS Maintainer

Block or report marklearst

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
marklearst /README.md
~/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.
❯ cat about.md
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.
❯ cat stack.json
{
 "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"]
}
❯ cat ai-workflow.md
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.
❯ cat oss.json
{
 "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"
}
❯ cat status.txt
🟒 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
❯ cat links.md
- Portfolio: https://www.marklearst.com
- LinkedIn: https://linkedin.com/in/marklearst
- VDS Spec: https://variable-design-standard.vercel.app

Pinned Loading

  1. a11y-companion-widget a11y-companion-widget Public

    ♿️ a11y Companion Widget, Open-source Figma widget for running the A11Y Project checklist with WCAG references, search, theme presets, bulk actions, and progress export.

    TypeScript 1

  2. variable-design-standard variable-design-standard Public

    A public, tool-agnostic spec and governance rules for design variables: schema, contract, naming, modes, references, and change control.

    CSS

  3. figma-vars-hooks figma-vars-hooks Public

    🌳 Welcome to FigmaVars, a React hooks library designed to simplify the integration of Figma variables into your React applications.

    TypeScript 2

  4. diabetic-utils diabetic-utils Public

    🩸 A modern TypeScript utility library for glucose, A1C, and diabetic health data.

    TypeScript 4

  5. hailstorm hailstorm Public

    Forked from abusix/hailstorm

    Hailstorm - Abusix Design System. [Team: guardian]

    TypeScript

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /