Naive59.3
Fixture87.8
Runs the same UI tasks through model outputs and measures whether a coding agent follows a design system it did not invent.
Open source
Open-source tools.
One loop for AI‑native design systems: ds‑context prepares context, ui‑repair repairs code, ds‑eval measures whether the agent follows the system, prompt‑regress compares prompt versions. Specification and production checks follow.
full~665
compact~375
components~180
Builds a short model pack from tokens, components, and a spec, and prices each packing strategy in tokens.
Button
<Button variant="primary" />
Replaces raw controls, hex, and a homemade modal with system components, and shows which checks flipped.
select 38→91settings 44→93dialog 41→90delete 84→61empty 86→87
dialog 41→90empty 86→87delete 84→61select 38→91settings 44→93
settings 44→93delete 84→61empty 86→87select 38→91dialog 41→90
empty 86→87select 38→91settings 44→93dialog 41→90delete 84→61
Compares two prompt versions on one UI suite: what improved, what broke, instead of an average score.
File
Variables
Styles
Button
design-system.md
colors.md
typography.md
button.md
gaps.md
Extracts variables, styles, and components from Figma into a markdown spec an agent can read.
Button.tsx
12color: #FF4D4Fcolor.error
13padding: 16pxspace.4
14radius: 8pxradius.2
15gap: 8pxspace.2
16font: 14pxtype.body
17background: #fffcolor.bg
18border: 1pxspace.px
19shadow: 0 4px 12pxshadow.md
Finds hardcoded colors, spacing, and fonts in code and suggests a token instead.
imported64
unused22
local18
Measures how much of the codebase actually imports the design system, and where components were rebuilt locally.
acme.app
86
Color92
Type78
Spacing88
Radius86
Variables80
Contrast94
Paste a live URL and get a report on how many colors, type styles, spacings, and radii the page actually uses.