Design Dna

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.

Install

npx skills add zanwei/design-dna
npx skills add zanwei/design-dna -a cursor -g -y
npx skills add zanwei/design-dna -a claude-code -g -y

Copied from the project's README. Read what it does before you run it.

README scanSafe

Nothing risky found in the commands its README asks you to run.

We scan the README only, not the code. A clean result is not proof of safety. How we scan

Appears in

Alternatives to Design Dna

Listings of the same kind that share the most topics, most-starred first.

Refactoring Ui Skill

Refactoring Ui Skill

Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

SafeB
Anydesign

Anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

SafeB
Claude Design Auditor Skill

Claude Design Auditor Skill

A Claude skill that audits designs against 19 professional design rules.

SafeC
Taste Skill

Taste Skill

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

SafeS
Understand Anything

Understand Anything

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI,

CautionS
Awesome Agent Skills

Awesome Agent Skills

A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.

SafeS
View on GitHub

Repository

Stars
2,126
Forks
117
Last updated
Aug 28, 2026
License
MIT
Language
JavaScript
Created
Mar 23, 2026
Open issues
1
Quality score
A 70/100

zanwei/design-dna

Read from GitHub daily.

See alternatives

Made by

No owner listed.

Sign in to claim this tool.