design-dna — Claude Skill by zanwei

by zanwei · Claude Skill · ★ 575

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

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. https://github.com/user-attachments/assets/00e0a28d-42ce-4a08-a0c0-1ecf8b9f7e97 Other cases https://github.com/user-attachments/assets/80793608-930d-42ca-951f-eb21ac188d54 https://github.com/user-attachments/assets/cd4cba94-cd2c-480f-8efa-4ac86e00ae1f Prerequisites Node.js environment installed Ability to run commands Installation Quick Install (Recommended) Install to Specific Agent Install from Local Clone List Available Skills What It Does | Desi

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

Quick Facts

Stars575
Forks30
CategoryClaude Skill
LicenseMIT
Quality Score50.734/100
Last Updated2026-04-13
Created2026-03-23
Platformsclaude-code, cli, codex
Est. Tokens~12k

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 · ⭐ 553

    Design engine for Claude Code, Codex & Cursor — teaches design judgment, not just data. 74 rules, 48 component

  • cursor-rules-java by jabrena · ⭐ 407

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

  • babysitter by a5c-ai · ⭐ 1.4k

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

  • swift-ios-skills by dpearson2699 · ⭐ 777

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

  • copilot-mcp by VikashLoomba · ⭐ 494

    A VSCode extension that lets you find and install Agent Skills and MCP Apps to use with GitHub Copilot, Claude

  • ok-skills by mxyhi · ⭐ 431

    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 →

Frequently Asked Questions

What is design-dna?

design-dna is Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.. It is categorized as a Claude Skill with 575 GitHub stars.

How do I install or use design-dna?

You can find installation instructions and usage details in the design-dna GitHub repository at github.com/zanwei/design-dna. The project has 575 stars and 30 forks, indicating an active community.

What license does design-dna use?

design-dna is released under the MIT license, making it free to use and modify according to the license terms.

What are the best alternatives to design-dna?

The top alternatives to design-dna on Agent Skills Hub include styleseed, cursor-rules-java, babysitter. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools