Turn visual references into a tested design system.
What it does
Creates evidence-grounded YAML design systems from visual references, with rarely used Google Fonts and screenshot-based checks.
When to use it
Use when visual references or a live site URL must be decoded into a design system, tokens, art direction, or motion rules, rather than for image generation or ordinary frontend work.
How to use it
Give it visual references or a site URL; it returns a validated YAML design system, or reports the visual criteria it could not pass.
What you provide
- Your files
Uses
Good to know
- starts helper agents, number unstated
What you need · 3
Uses Mise tasks to run the extraction gates and obtain the required runtimes.
The bundled validation scripts run in Python; the instructions say Mise supplies the runtimes.
Access · 2
This skill
Google Fonts
Reads the live font catalog
reference sites
Reads supplied reference sites