design-dna: Turn reference UIs into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate

by zanwei · Claude Skill · ★ 1.5k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

Featured in: AI Design Tools

How to install design-dna

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

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 68/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

agent-skillsclaude-skillscodex-skillscursor-skillsdesign-dnadesign-systemdesign-tokensskills-cliui-designvisual-design

Quick Facts

Stars1,545
Forks86
LanguageJavaScript
CategoryClaude Skill
LicenseMIT
Quality Score68/100
Open Issues1
Last Updated2026-08-28
Created2026-03-23
Platformsclaude-code, cli, codex, node
Est. Tokens~14k

About design-dna

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.

design-dna alternative? Top 6 similar tools

Looking for a design-dna alternative? If you're comparing design-dna with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • styleseed by bitjaru · ⭐ 1.0k

    Open-source design-method engine for Claude Code, Codex & Cursor. One agent skill with 22 internal workflows f

  • cursor-rules-java by jabrena · ⭐ 412

    An opinionated, AI-native development workflow for Java Enterprise — reusable Skills, Agents, Commands, and MC

  • ux-ui-agent-skills by plugin87 · ⭐ 3.0k

    Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, a

  • babysitter by a5c-ai · ⭐ 1.8k

    Babysitter enforces obedience on agentic workforces and enables them to manage extremely complex tasks and wor

  • swift-ios-skills by dpearson2699 · ⭐ 1.3k

    Agent Skills for iOS 26+, Swift 6.3, SwiftUI, and modern Apple frameworks

  • ok-skills by mxyhi · ⭐ 507

    Curated AI coding agent skills and AGENTS.md playbooks for Codex, Claude Code, Cursor, OpenClaw, and other SKI

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular JavaScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools