Dna — Design skill for Claude Code
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers.
How to install Dna
Installs to ~/.claude/skills/manavarya09-design-extract-dna/SKILL.md
mkdir -p ~/.claude/skills/manavarya09-design-extract-dna && curl -fsSL https://raw.githubusercontent.com/Manavarya09/design-extract/HEAD/commands/dna.md -o ~/.claude/skills/manavarya09-design-extract-dna/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Dna does
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers.
Alternatives in Design
- Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Design Taste
Build UI that looks designed, not generated — tokens first, screenshot-critic loop, 8-axis taste rubric, acces
Design Dna
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu
Power Design
Skill do Claude Code para gerar decks HTML com Brand DNA + 20 princípios de design codificados.
Reskin
Extract a measured design signature (type ramp, accent + its budget, grid unit, radius, layout) from a referen
Design Proposals Skill
Design proposals skill for coding agents: 3-8 visual directions on your real screens, measured, compared, one
Product Film
An agent skill that makes motion films in code: launch films, teasers, demos, explainers, social cuts and land
Related Agents
Metaspec Gate Keeper
Analisar metaspecs de projeto para garantir que implementações se alinhem com princípios de design, escopo e p
Dna
Cognitive scientist and design theorist. Author of The Design of Everyday Things (1988, revised 2013), The Psy
Design Study
Studies reference images, GIFs, prior designs, or public visual references and extracts reusable design DNA be