中英文泡椒 发表于 2026-4-17 17:14:35

Design.md——写给 AI 的 UI 设计说明书

本帖最后由 中英文泡椒 于 2026-4-17 17:26 编辑

这个项目叫 awesome-design-md,是 VoltAgent 团队做的。简单说就是一个设计系统的合集库,收录了 58 个知名品牌网站的

完整设计规范,全部以 DESIGN.md 格式保存。



它做的事情很简单但很精准:把Nike、Claude、Notion、Figma 这些大牌网站的设计系统全部提取出来,做成 AI 能直接读懂的

Markdown 文件。你丢一个到项目里,告诉 AI 照着这个风格来,出来的界面就跟原版一样精致。

DESIGN.md 是 Google Stitch 最近提出的一个概念。它是一个纯文本的设计系统文档,放在项目根目录下。任何支持该规范的 AI

编码代理(比如 Google Stitch)在生成 UI 代码时,会主动读取这个文件,从而产出一致、可控、符合品牌风格的界面。



目前一共 收录了58 个品牌,分了 8 个大类:







基本上你想模仿哪个风格都能找到。每个 DESIGN.md 里面有什么每个品牌的设计文件都遵循 9 大标准化板块:视觉主题与氛围、

调色板与色彩角色、排版规范、组件样式、布局原则、阴影与层级、设计禁忌、响应式规则。

还有专门给 AI Agent 的提示词指南。



项目地址:**** Hidden Message *****

shadowmage 发表于 2026-5-5 23:38:25

这项目不知道能不能让VibeCoding的UI更上层楼
页: [1]
查看完整版本: Design.md——写给 AI 的 UI 设计说明书