by zanwei · Claude Skill · ★ 575
design-dna English 繁體中文 An agent skill for extracting, structuring, and applying visual design identity as machine-readable "Design DNA" across three dimensions: design tokens, qualitative style, and visual effects. https://github.com/user-attachments/assets/00e0a28d-42ce-4a08-a0c0-1ecf8b9f7e97 Other cases https://github.com/user-attachments/assets/80793608-930d-42ca-951f-eb21ac188d54 https://github.com/user-attachments/assets/cd4cba94-cd2c-480f-8efa-4ac86e00ae1f Prerequisites Node.js environment installed Ability to run commands Installation Quick Install (Recommended) Install to Specific...
| Stars | 575 |
| Forks | 30 |
| Category | Claude Skill |
| License | MIT |
| Quality Score | 50.734/100 |
| Last Updated | 2026-04-13 |
| Created | 2026-03-23 |
| Platforms | claude-code, cli, codex |
| Est. Tokens | ~12k |
Explore other popular claude skill tools:
design-dna is Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.. It is categorized as a Claude Skill with 575 GitHub stars.
You can find installation instructions and usage details in the design-dna GitHub repository at github.com/zanwei/design-dna. The project has 575 stars and 30 forks, indicating an active community.
design-dna is released under the MIT license, making it free to use and modify according to the license terms.