by zanwei · Claude 技能 · ★ 1.5k
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 | 1,545 |
| Forks | 86 |
| Language | JavaScript |
| Category | Claude 技能 |
| License | MIT |
| Quality Score | 68.3574107119219/100 |
| Open Issues | 1 |
| Last Updated | 2026-08-28 |
| Created | 2026-03-23 |
| Platforms | claude-code, cli, codex, node |
| Est. Tokens | ~14k |
Explore other popular claude 技能 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 技能 with 1.5k GitHub stars.
design-dna is primarily written in JavaScript. It covers topics such as agent-skills, claude-skills, codex-skills.
You can find installation instructions and usage details in the design-dna GitHub repository at github.com/zanwei/design-dna. The project has 1.5k stars and 86 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.