用途：将参考 UI 的视觉设计身份提取、结构化并应用为机器可读的 Design DNA JSON，覆盖设计令牌、定性风格与视觉效果三个维度。
主要能力：设计系统维度涵盖颜色、字体、间距、布局、形状、阴影、动效与组件；设计风格维度涵盖情绪、视觉语言、构图、图像、交互感受与品牌语气；视觉效果维度涵盖 Canvas/WebGL、3D、粒子、着色器、滚动效果、光标交互与 SVG 动画。
使用方式：技能驱动三阶段工作流。结构阶段读取 references/schema.md，展示完整字段与含义；分析阶段从参考设计提取并填充全部 DNA JSON 字段，标注多参考间的冲突或变体；生成阶段读取 references/generation-guide.md，将 DNA 应用到自有内容，默认输出自包含 HTML/CSS/JS，遵循语义化 HTML、响应式与可访问性。
安装：npx skills add zanwei/design-dna；指定智能体如 npx skills add zanwei/design-dna -a cursor -g -y 或 -a claude-code -g -y；本地克隆安装 git clone https://github.com/zanwei/design-dna.git 后 npx skills add ./design-dna -y；列出技能用 npx skills add zanwei/design-dna --list。
适用场景：从截图或 URL 提取设计令牌、跨项目复用 DNA JSON、按 DNA 生成落地页或仪表盘、生成特定组件、多参考分析并记录冲突。
限制：若智能体无内置视觉能力，可选配置 ANTHROPIC_API_KEY 或 OPENAI_API_KEY；DNA 可能字段缺失或与参考不符，需明确要求填满字段并迭代审计；默认输出为 HTML，若需 React/Vue 需显式指定。具体收费与价格暂未提供。