design-dna

将参考UI（图片、截图、URL）转化为量化的设计DNA JSON，生成匹配的UI。

Agent Skill设计与多媒体开源设计UI视觉风格

能力说明

design-dna 是一个代理技能，用于提取、结构化和应用视觉设计身份为机器可读的“设计DNA”，涵盖三个维度：设计令牌、定性风格和视觉效果。通过分析参考UI（图片、截图、URL），生成完整的设计DNA JSON，并根据该JSON生成匹配的UI。适用于需要从现有设计中提取并应用视觉风格的场景。

从现有设计中提取视觉风格生成一致的设计实现版本控制和团队共享设计规范

依赖：Node.js环境npx命令

npx skills add zanwei/design-dna

以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。

如何安装design-dna？

使用 `npx skills add zanwei/design-dna` 命令进行安装。

design-dna支持哪些代理？

支持Cursor、Claude Code、Codex、GitHub Copilot等39种代理。

Material Design 3 技能，支持 30+ 组件、设计令牌、主题和响应式布局。

Flint 是一种可视化语言，让 AI 代理能够从简单的图表规范创建出美观的图表。

从自然语言生成 draw.io 图表，支持多种预设和导出格式。

为 AI 编码助手提供专业级 UI/UX 设计智能。

专业SVG标志生成器，提供多种设计变体和展示背景。

生成高质量的App Store截图，提升应用下载率。