Consistent UI at scale

Learn how to build a framework that ensures AI coding agents adhere to design systems, enabling faster team shipping without sacrificing UI consistency. See live demos and data-backed findings.

Claude Opus Claude Skills Claude Hooks Figma MCP JSDoc

Overview

I built a framework that keeps AI coding agents on a design system as a team ships faster, without losing UI consistency.

Why it exists:
I lead design systems. Our team got dramatically faster with agents, but without guardrails the speed produced one-off components, custom styles, and drifting UX. We shipped more and quality dropped. Every new screen made the next one worse, so I went looking for a way to stop it.

What I’ll show live:

Side by side results of the experiment
The framework: the Skill, JSDoc’d primitives, ESLint rule, and Stop hook in the loaded branch
The workflow: prompt the agent with a Figma file and watch it compose from existing primitives instead of inventing new ones
The findings: what the data said about formats, prompts, and how to make the system self-propagating

Links

Tech stack