design-system
buildgreatproducts1.8k installs
Turn visual references into an implementable design system.
What it does
Creates synchronized design-system specifications and browser-rendered style guides from visual references.
When to use it
Use when visual references need to be captured as structured design tokens or a precise design specification.
How to use it
Give it visual references; it presents an outline, asks for final edits, then writes synchronized design.md and design.html files.
What you provide
- Your files
Uses
Good to know
- advertises something the task does not need
Latest review
What you need · 1
Optionally enables analysis of references supplied as Figma URLs.
Access · 2
This skill
Figma
Read
Reads Figma design data
live websites
Read
Reads website content and styles