ClaudeWave
zanwei
zanwei

design-dna

View on GitHub

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

Skills575 stars30 forksMITUpdated yesterday
ClaudeWave Trust Score
97/100
Verified
Passed
  • Open-source license (MIT)
  • Actively maintained (<30d)
  • Healthy fork ratio
  • Clear description
  • Topics declared
Last scanned: 4/14/2026
Install in Claude Desktop
Method detected: Manual
{
  "mcpServers": {
    "design-dna": {
      "command": "node",
      "args": ["/path/to/design-dna/dist/index.js"]
    }
  }
}
1. Copy the snippet above.
2. Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (Mac) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
3. Replace any <placeholder> values with your API keys or paths.
4. Restart Claude Desktop. The MCP server appears automatically.
💡 Clone https://github.com/zanwei/design-dna and follow its README for install instructions.
Use cases
🎨 Creative Design

Skills overview

README preview not available. Visit the repo on GitHub for full documentation.
agent-skillsclaude-skillscodex-skillscursor-skillsdesign-dnadesign-systemdesign-tokensskills-cliui-designvisual-design

More Skills