Agent skill

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.

★ 1,679 stars MIT zanwei/design-dna

Install this skill

This command installs the skill into the portable ~/.agents/skills directory. The homepage installer can generate the native path for your specific agent.

mkdir -p $HOME/.agents/skills/'SKILL.md' && curl -fsSL 'https://raw.githubusercontent.com/zanwei/design-dna/HEAD/SKILL.md' -o $HOME/.agents/skills/'SKILL.md'/SKILL.md

View raw SKILL.md View repository

Skill details

Repository: zanwei/design-dna
SKILL.md path: SKILL.md
Author: zanwei
Tags: agent-skills, skills, claude-skills, codex-skills, cursor-skills, design-dna, design-system, design-tokens, skills-cli, ui-design