GH Repository · zanwei
design-dna
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
- stars
- 1,791
- 30-day movement
- +4716/day
- Related entries
- 61
- Connections
- 2
JavaScriptui-designvisual-designdesign-dnadesign-systemskill-packskills-clicursor-skillscodex-skillsclaude-skillsdesign-tokensagent-skills
design-dna is a skill pack that converts reference UIs—images, screenshots, or URLs—into a quantified Design DNA JSON covering tokens, qualitative style, and visual effects. That JSON can then be used to generate matching UI from your own content.
Reach for it when you want to extract a reusable, structured design specification from an existing interface and reproduce that style in new UI.
Use it to
- Extract design tokens from a screenshot or URL
- Build a Design DNA JSON from reference UIs
- Generate UI matching an extracted style
- Standardize visual style across agent-driven design work
For Developers and designers using agent skills for UI work
- Role
- skill-pack
- Language
- JavaScript
- Licence
- MIT
- Forks
- 100
- Last push
- 2026-08-28
- Skills shipped
- 1
topicsdesign-tokensdesign-systemui-designvisual-designagent-skillsclaude-skills