Repository

zanwei/design-dna agent skills

Every skill in the zanwei/design-dna repository on GitHub, ranked by score, with the commands to install them.
skill
1
GitHub stars
1.9k

GitHub description: “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,916 (102 forks)
Licence
MIT
Last push
Aug 2026
Created
Mar 2026
  • agent-skills
  • claude-skills
  • codex-skills
  • cursor-skills
  • design-system
  • design-tokens
  • design-dna
  • skills-cli
  • ui-design
  • visual-design

Install all skills

skills CLI (any agent)
npx skills add zanwei/design-dna

Add --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).

Skills in zanwei/design-dna, ranked

Skills in zanwei/design-dna, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects…

zanwei/design-dna1.9k1 repo~2.1kAutomated safety check: PassMIT1 mo ago

Questions, answered from the data.

What is the best skill in zanwei/design-dna?

Design Dna from zanwei/design-dna ranks first of the 1 skills in zanwei/design-dna listed here, with the highest score: its repository has 1.9k GitHub stars, 1 other GitHub owner carry a copy, its SKILL.md loads about 2.1k tokens and it passes the automated safety check with no findings.

Are the skills in zanwei/design-dna official?

None yet. All 1 skills in zanwei/design-dna listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.

How do I install all skills from zanwei/design-dna?

Run npx skills add zanwei/design-dna in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.