Awesome DESIGN.md(VoltAgent 维护)是一份精选的 DESIGN.md 文件集合(约 73 个),灵感取自知名品牌的设计系统/网站。DESIGN.md 是 Google Stitch 提出的概念——一份纯文本(Markdown)的设计系统文档,供 AI 智能体读取以生成风格一致的 UI。把一个 DESIGN.md 放进项目根目录,告诉 AI「做一个长这样的页面」,就能得到与之匹配的 UI。仓库提供从真实网站提炼的、即用型 DESIGN.md。许可为 MIT,约 83,154 stars。需中立提示:这些文件描述的是某些品牌的视觉风格/设计语言,模仿特定品牌的识别用于对外产品涉及商标与品牌权益,宜作灵感参考而非照搬冒用。
来源:README.md(标题、What is DESIGN.md、Collection、徽章 73);GitHub 仓库元数据(stars=83154、license=MIT) 查看 GitHub 仓库 →「让 AI 编码代理生成风格统一、像某种成熟设计语言的 UI」是 vibe coding 的高频痛点,而 DESIGN.md(Markdown、无需 Figma 导出/JSON/特殊工具,LLM 最易读)正好解决——丢进项目根目录,AI 或 Google Stitch 就懂你的 UI 该长什么样。VoltAgent 把从真实网站提炼的几十个即用 DESIGN.md 汇成清单,省去自己写设计系统,因而获得很高关注。截至数据采集约 83,154 stars。
来源:README.md(What is DESIGN.md、首段、Collection);GitHub 仓库元数据(stars=83154)从真实网站提炼、按类目组织的约 73 个设计系统文档,每个描述某品牌的配色、排版、布局与整体观感,开箱即用。
来源:README.md(Collection、徽章 73)DESIGN.md 是纯文本 Markdown,无需 Figma 导出/JSON schema/特殊工具,放进项目根目录任何 AI 编码代理或 Google Stitch 即可理解。
来源:README.md(What is DESIGN.md)AGENTS.md 告诉编码代理「怎么构建」,DESIGN.md 告诉设计代理「该长什么样、什么观感」,两者互补。
来源:README.md(AGENTS.md vs DESIGN.md 表)它是一份 awesome-list:按类目(AI & LLM 平台、开发者工具/IDE、后端/数据库/DevOps 等)组织约 73 个 DESIGN.md 文件,每个对应一个知名网站的设计语言(如 Claude 的暖陶土色 + 编辑式排版、Vercel 的黑白精确 + Geist 字体、Raycast 的暗色 + 渐变等),并附简短风格描述。DESIGN.md 本身是纯 Markdown 的设计系统文档(区别于给编码代理看的 AGENTS.md,DESIGN.md 是给设计/UI 生成看的),无需任何特殊工具或解析。使用方式就是把某个 DESIGN.md 放进项目根目录,让 AI 编码代理或 Google Stitch 据此生成匹配 UI。仓库还提供「请求某网站 DESIGN.md」的入口(getdesign.md)。
来源:README.md(What is DESIGN.md、AGENTS.md vs DESIGN.md 表、Collection 分类、Request a DESIGN.md)中心为项目本体,内环 = 核心功能模块,外环 = 关键技术依赖;按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成
AI 编码/设计代理(读取 DESIGN.md)Google Stitch(原生支持)适合用 AI 做 UI/落地页、又希望产出有一致、成熟设计语言的人:快速给 vibe coding 的项目套一套接近某知名网站观感的设计系统、为原型/演示快速定调、或作为自建设计系统的起点参考。它把「写一份让 AI 看懂的设计系统」这件事变成「复制一个 Markdown」。注意应把它当灵感与起点,针对自己的品牌做差异化,避免直接照搬他人品牌识别用于正式对外产品。
来源:README.md(首段、What is DESIGN.md、Collection);品牌判断本页未列出版本号;项目以持续更新的 DESIGN.md 清单维护(README 徽章显示约 73 个、带最近更新时间),通过 PR/请求不断新增网站的 DESIGN.md,并由 getdesign.md 站点承载浏览与请求。
来源:README.md(DESIGN.md count 徽章、Last update、Request a DESIGN.md)Awesome DESIGN.md 抓住了 vibe coding 的一个痛点:让 AI 生成的 UI 有一致、成熟的设计语言。它把「给 AI 一套设计系统」简化成复制一个纯 Markdown 文件,提供 73 个从真实网站提炼的即用 DESIGN.md,零工具、LLM 友好、契合 Google Stitch,热度极高。对用 AI 做 UI/落地页、想快速定调的人很实用。要中立看待一点:这些文件描述的是他人品牌的视觉语言,宜作灵感与起点、针对自己品牌做差异化,照搬用于对外产品需注意商标与品牌权益。作为「AI 设计系统」的资源清单,它思路新、即用性强。
来源:综合 README.md 的 DESIGN.md 概念、清单价值与品牌权益考量