visual-design-system-extractor
Use when reference images, screenshots, moodboards, style frames, brand boards, cinematic stills, product interface shots, or a live site URL must become a production design system, design tokens, art direction, motion rules, or a YAML style specification. Covers reverse engineering visual references into a deterministic YAML contract with graded confidence, evidence boundaries, and typefaces drawn from the live Google Fonts catalog and ranked as rarely used. Not for generating images or for ordinary frontend work where no reference has to be decoded first.
- Version
- 0.2.1
- License
- MIT
Pinned to revision 20e5f2e76de0, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/visual-design-system-extractor/SKILL.md
- skills/visual-design-system-extractor/.github/workflows/ci.yml
- skills/visual-design-system-extractor/assets/font-brief.json
- skills/visual-design-system-extractor/assets/minimal-extraction.yaml
- skills/visual-design-system-extractor/assets/preview-body.html
- skills/visual-design-system-extractor/assets/preview-template.html
- skills/visual-design-system-extractor/assets/schema-skeleton.yaml
- skills/visual-design-system-extractor/evals/cases.json
- skills/visual-design-system-extractor/evals/contract.md
- skills/visual-design-system-extractor/evals/evals.json
- skills/visual-design-system-extractor/evals/manifest.json
- skills/visual-design-system-extractor/evals/rubric.md
- skills/visual-design-system-extractor/evals/source-lineage.json
- skills/visual-design-system-extractor/evals/speed-budgets.json
- skills/visual-design-system-extractor/evals/trigger-cases.json
- skills/visual-design-system-extractor/evals/trigger-queries.json
- skills/visual-design-system-extractor/examples/extract-output.yaml
- skills/visual-design-system-extractor/examples/extract.md
- skills/visual-design-system-extractor/examples/failure-section-order.md
- skills/visual-design-system-extractor/examples/fonts-brief.md
- skills/visual-design-system-extractor/examples/help.md
- skills/visual-design-system-extractor/examples/maintain.md
- skills/visual-design-system-extractor/examples/make-it-rarer.md
- skills/visual-design-system-extractor/examples/validate.md
- skills/visual-design-system-extractor/examples/viability-loop.md
- skills/visual-design-system-extractor/examples/work/no-viability.yaml
- skills/visual-design-system-extractor/examples/work/order-fail.yaml
- skills/visual-design-system-extractor/examples/work/pairing-fail.yaml
- skills/visual-design-system-extractor/examples/work/pass2-review.json
- skills/visual-design-system-extractor/examples/work/pass2.html
- skills/visual-design-system-extractor/examples/work/pass2.png
- skills/visual-design-system-extractor/examples/work/set.json
- skills/visual-design-system-extractor/mise.toml
- skills/visual-design-system-extractor/references/extraction-schema.yaml
- skills/visual-design-system-extractor/references/font-sourcing.md
- skills/visual-design-system-extractor/references/generation-contract.md
- skills/visual-design-system-extractor/scripts/check_code_rules.py
- skills/visual-design-system-extractor/scripts/check_evals.py
- skills/visual-design-system-extractor/scripts/extraction_rules.py
- skills/visual-design-system-extractor/scripts/extraction_schema.py
- skills/visual-design-system-extractor/scripts/font_fit.py
- skills/visual-design-system-extractor/scripts/font_metrics.py
- skills/visual-design-system-extractor/scripts/font_pairing.py
- skills/visual-design-system-extractor/scripts/font_rules.py
- skills/visual-design-system-extractor/scripts/font_selection.py
- skills/visual-design-system-extractor/scripts/google_fonts_api.py
- skills/visual-design-system-extractor/scripts/lint_writing.py
- skills/visual-design-system-extractor/scripts/preview_roles.py
- skills/visual-design-system-extractor/scripts/rare_google_fonts.py
- skills/visual-design-system-extractor/scripts/render_preview.py
- skills/visual-design-system-extractor/scripts/schema_tools.py
- skills/visual-design-system-extractor/scripts/screenshot_preview.py
- skills/visual-design-system-extractor/scripts/tests/context.py
- skills/visual-design-system-extractor/scripts/tests/test_ci_contract.py
- skills/visual-design-system-extractor/scripts/tests/test_font_fit.py
- skills/visual-design-system-extractor/scripts/tests/test_font_pairing.py
- skills/visual-design-system-extractor/scripts/tests/test_font_rules.py
- skills/visual-design-system-extractor/scripts/tests/test_font_selection.py
- skills/visual-design-system-extractor/scripts/tests/test_font_set.py
- skills/visual-design-system-extractor/scripts/tests/test_google_fonts_api.py
- skills/visual-design-system-extractor/scripts/tests/test_rare_google_fonts.py
- skills/visual-design-system-extractor/scripts/tests/test_render_preview.py
- skills/visual-design-system-extractor/scripts/tests/test_schema_tools.py
- skills/visual-design-system-extractor/scripts/tests/test_validate_extraction.py
- skills/visual-design-system-extractor/scripts/tests/test_viability_rules.py
- skills/visual-design-system-extractor/scripts/validate_design_system_yaml.py
- skills/visual-design-system-extractor/scripts/validate_skill.py
- skills/visual-design-system-extractor/scripts/viability_rules.py
Every link opens the file at its source, pinned to the revision this page describes.