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

    Claude Code & Cursor design system. Stop generating ugly AI UI. 69 design rules + 48 shadcn components + Toss/

  • md2wechat-skill by geekjourneyx · ⭐ 2.0k

    用 Markdown 写公众号文章,一键转换为精美排版并自动上传到微信草稿箱。支持 AI 多主题样式和批量发布,让公众号写作像发朋友圈一样简单。

  • babysitter by a5c-ai · ⭐ 749

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

  • swift-ios-skills by dpearson2699 · ⭐ 485

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

  • copilot-mcp by VikashLoomba · ⭐ 478

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

  • cursor-rules-java by jabrena · ⭐ 371

    A curated and opinionated collection of Skills and Agents to be used in modern SDLC workflows for Java Enterpr

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, md2wechat-skill, 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