AI 写代码早就不稀奇了，真正卡脖子的，是 UI 丑得没法看。Google Stitch 提出了一个新概念 DESIGN.md：往项目根目录丢一个纯 Markdown 文件，AI 编程智能体读完，就知道你的 UI 该长什么样。
VoltAgent 开源的 awesome-design-md，就是这个概念的合集仓库：收录了 83 份知名网站的 DESIGN.md 分析，12.7 万星、1.4 万 fork，MIT 协议。Apple、特斯拉、Stripe、Figma、Vercel、Linear、Notion、Spotify 都在里头。
每份 DESIGN.md 都按 Stitch 的格式写，包含 9 个部分：视觉主题与氛围、配色（语义名 + 色号 + 角色）、字体规则与完整层级、组件样式（含按钮、卡片、输入框、导航的各种状态）、布局原则、阴影与层级、Do’s and Don’ts（设计红线与反模式）、响应式行为，以及给智能体用的提示词指南。每个站点还附一份 preview.html（浅色）和 preview-dark.html（深色），把色板、字阶、按钮、卡片做成可视化目录，复制之前可以先看一眼。
用法就两步：到 getdesign.md 或仓库里挑一个喜欢的风格，把对应的 DESIGN.md 复制进项目根目录，然后跟 AI 说一句“照这个风格做”。作者拿 Stripe 那份实测过，出来的成品直接带着品牌级质感，比手写强出一截。想要某个网站但合集里没有的，也可以在 getdesign.md/request 请求定制，包括私有请求。
合集按 10 大类整理：AI 与大模型平台（Claude、Mistral、xAI、Ollama）、开发工具与 IDE（Cursor、Vercel、Raycast、Warp）、后端与数据库（ClickHouse、MongoDB、Supabase、Sentry）、效率与 SaaS（Linear、Notion、Resend）、设计与创意工具（Figma、Framer、Webflow）、金融（Stripe、Revolut、Coinbase）、电商（Airbnb、Nike、Shopify、星巴克）、媒体与消费科技（Apple、NVIDIA、Spotify、SpaceX）、汽车（特斯拉、法拉利、兰博基尼、宝马），还有一个复古网页系列——Dell 1996 和 Nintendo 2001，想做 Y2K 复古风 UI 可以直接用。
顺带说清两个容易混的文件：AGENTS.md 是给编程智能体看的，定义“项目怎么建”；DESIGN.md 是给设计智能体看的，定义“项目长什么样”。两个文件各管一头，合在一起用效果最好。
同样是想让 AI 做出来的页面不再像 AI 生成的，站内之前介绍过 Impeccable：24 个设计命令 + 62 条规则和 Hallmark v2：50 个主题加真机浏览器检查；想直接用现成组件的话，Meta 开源的 Astryx 设计系统有 150+ 组件、7 套主题。这三篇和 DESIGN.md 合集是同一条路上的不同解法，可以对照着看。
开源地址：VoltAgent/awesome-design-md（MIT 协议；仓库声明 DESIGN.md 文件提取的是公开网站的 CSS 样式值，不主张拥有各站的视觉标识）
转自 X 作者 王多鱼 @khyssabc 的帖子，原文链接
