跳到主要内容
AI灵感世界
AI 应用AI SkillsAI 游戏AI 短剧AI 提示词
EN关于
搜索⌕EN
AI 应用AI SkillsAI 游戏AI 短剧AI 提示词
首页/AI Skills/design-dna
AI Skills · 设计design-dna

design-dna

把一个网站的视觉风格整理成“设计 DNA”,再套用到你自己的设计里。

生态
Agent Skills
Skill 分类
设计
创建者 / 机构
zanwei
查看作品与来源 ↗

它是什么

design-dna 由 GitHub 用户 zanwei 发布,作者说它是一个用来提取、整理和套用视觉设计身份的 Skill。你给它一个参考网站或设计任务,它会输出设计变量(tokens)、风格描述和效果约束,再按这些规则生成设计。作者演示了在 Cursor 和 Claude Code 里的用法,也可以通过 skills 命令行装到其他工具。它把参考风格拆成结构化的规则,比只给 AI 一张截图更容易复用。

适合谁:做网页和产品界面、想沿用某种视觉风格的设计师和前端。

使用前提:用 Node 或 npx 安装。说明有英文和中文,README 还列了日语、韩语、西班牙语等版本。它会在本地项目里生成文件。参考网站的品牌和内容仍受原网站的版权约束,不能直接克隆别人的品牌。许可证是 MIT。

以上根据项目公开说明整理,本站没有实际测试。

用途标签

  • 界面与网页设计→
  • 品牌视觉设计→
  • 视觉设计→

点一下,看同一用途的其他作品。

来源

https://github.com/zanwei/design-dna ↗

代码仓库 ↗

了解排行方法 →
建议修改信息?联系我们
AI灵感世界标志:aiw. picked by humansAI灵感世界标志:aiw. picked by humansAI灵感世界

每天翻一翻,AI 的新鲜事都在这儿

每日更新 · 最近上新:2026 年 10 月 31 日

网站版本:2026 年 10 月 31 日

关于·排行方法·信任与安全·联系我们