visual-design-system-extractor

Installation
SKILL.md

Visual Design System Extractor

Turn visual references into one parser-valid YAML design system whose every claim traces back to something visible, and whose every selected typeface is a Google Fonts family the live catalog ranks as rarely used at the moment of the run.

The gates need a terminal, network access to the live font catalog, and the runtimes supplied by Mise. Run commands from this skill directory. mise run ci must exit 0 before package acceptance.

Which commands does this skill accept?

Interpret a plain request with an attached reference or a URL as extract.

Command Result
help Show this table and the current schema version.
extract <refs> Produce the full YAML design system from the supplied references.
fonts <brief> Return ranked rare Google Fonts candidates without a full extraction.
preview <file> Render, screenshot, and judge a document without extracting again.
validate <file> Run the schema and font gates against an existing extraction.
maintain <change> Edit this package under the test-first rules below.
Installs
687
GitHub Stars
2
First Seen
Jul 25, 2026