Design Dna

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

開源上線中

0 0

安裝

npx skills add zanwei/design-dna

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

npx skills add zanwei/design-dna -a claude-code -g -y

取自專案的 README。執行前請先確認它會做什麼。

README 掃描安全

README 要你執行的指令中，沒有發現有風險的內容。

我們只掃描 README，不掃描程式碼。沒有發現問題不代表一定安全。掃描方式

收錄於情境

設計與介面

Design Dna 的替代方案

同類型中主題重疊最多的項目，星數多的排前面。

Refactoring Ui Skill

Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.

446

Anydesign

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, and reconstruction notes.

248

Claude Design Auditor Skill

A Claude skill that audits designs against 19 professional design rules.

Taste Skill

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

116k

Understand Anything

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI,

93k

Awesome Agent Skills

A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.

37k

在 GitHub 查看

程式碼庫

星數: 2,126
Fork 數: 117
最近更新: 2026年8月28日
授權條款: MIT
語言: JavaScript
建立日期: 2026年3月23日
未結 issue: 1
品質分數: A 70/100

zanwei/design-dna

每天從 GitHub 讀取。

查看替代方案

價格

開源

Maker

尚未有人認領。

登入後即可認領這個工具。