Skip to content
View marklearst's full-sized avatar
:accessibility:
👾 Pushing pixels with purpose. 🛠️ Tools for humans.
:accessibility:
👾 Pushing pixels with purpose. 🛠️ Tools for humans.

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

Senior UI Engineer specializing in React design systems and accessibility. Built Aurora at GM serving 5 brands with 60% component reuse. Open-source toolsmith 🧰 I build the stuff designers and developers actually want to use.


$ whoami
> marklearst
> Senior UI Engineer • React Component Architect • Design Systems Specialist
> Coder at Core, Think Like a Designer
$ howiwork
> architect and own React component libraries and design systems
> build token pipelines and scalable CSS architecture
> ship accessibility-first UIs that pass real audits
> create microinteractions and SVG animations that feel alive
> build open-source tools designers and developers actually use
$ notable
> Arctic Code Vault Contributor
> a11y-companion: 200+ active Figma users
> W3C Design Tokens Community Group contributor
> Anthropic certified: Claude Code + MCP Servers
$ stack --skills

Frontend:
> React 19.2+ (Server Components, Server Actions)
> TypeScript, JavaScript, Tailwind CSS
> TanStack Start, Next.js, Remix
> Zustand, Context API

Design Systems:
> Storybook 10
> Design tokens and Style Dictionary
> Figma (Variables, Dev Mode, Widgets)
> shadcn/ui, Radix UI
> Token automation and governance

Accessibility:
> WCAG 2.2 AA
> ARIA patterns and semantic HTML
> Axe, Playwright
> Accessibility audits and usability testing

UI and Motion:
> GSAP
> Motion (Framer Motion)
> CSS animation
> SVG interactions and microinteractions

Tooling and DX:
> Node.js, pnpm
> Vite, Vitest
> Vercel, AWS
> GitHub Actions, CI/CD
> Cursor, Claude Code CLI

Data and APIs:
> Zod
> TanStack Query, SWR
> RESTful APIs and webhooks
> API Routes
> Postgres
> MCP servers

Architecture:
> Component library architecture
> Design system and token governance
> Cross brand integration
> Documentation and handoff pipelines
$ projects --shipped
$ projects --building
  • glucoseiq   → Real-time CGM app for Apple Watch (SwiftUI)
$ hireme
> open to opportunities
$ focus --current
> shipping motion-driven React components designers actually want to use
> building the glue between design and code (no handoff headaches)
> creating systems that last after handoff, not just launch day
$ contact --direct
🌐 marklearst.com
👨🏻‍💻 linkedin.com/in/marklearst
📬 [email protected]
🐙 github.com/marklearst
# Code > Vibes
# Motion > Gimmicks
# Systems > One-offs

No hype. Just shipping.

Pinned Loading

  1. diabetic-utils diabetic-utils Public

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

    TypeScript 3

  2. a11y-companion-widget a11y-companion-widget Public

    ♿️ a11y Companion Widget for Figma Design

    TypeScript 2

  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 1