awesome-design-md73 份 DESIGN.md 设计系统文件让 AI 代理一次写出品牌级页面【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-design-md让 AI 写页面写出来的东西你越看越觉得像 AI——你想要 Stripe 正文那种轻盈、Linear 底色那种近黑但跟代理说话时只能说好看一点。awesome-design-md 就是为此准备的它把 73 个知名网站的视觉语言拆成 73 份 DESIGN.md 设计系统文件拷任意一份进项目AI 编码代理就能生成品牌风格一致的页面。AI 凭什么看懂一份 Markdown 就还原设计DESIGN.md 是 Google Stitch 提出的一种纯文本设计系统文档概念一个 Markdown 文件定义项目应该长什么样——情绪、语义化色值、完整排版层级、组件各状态。没有 Figma 导出没有 JSON schema没有特殊工具丢进项目根目录就能被 AI 编码代理读懂。它和 AGENTS.md 的分工很清晰AGENTS.md 说怎么构建DESIGN.md 说应该长什么样。而 Markdown 恰好是 LLM 读得最顺的格式——零解析零配置。73 份 DESIGN.md 文件先从哪份挑起文件按行业分布先确认你的项目落在哪一行再挑一个你信任真实站点审美的品牌。完整清单在 README.md 的 Collection 里类别数量代表品牌AI LLM 平台12Claude、xAI、Mistral媒体与消费科技12Apple、Spotify、SpaceX后端与 DevOps8ClickHouse、Supabase、Sentry金融加密7Stripe、Coinbase、Wise开发者工具7Cursor、Vercel、Warp生产力 SaaS7Linear、Notion、Cal.com汽车7Tesla、Ferrari、BMW设计工具6Figma、Webflow、Miro电商零售5Airbnb、Nike、Shopify复古彩蛋2Dell (1996)、Nintendo (2001)最后一行值得多说一句这两份复刻的是 1996 年 Dell 和 2001 年 Nintendo 的视觉语言——粗黑标题、斜面金属面板专门用来做年代感页面。不想 clone 仓库也能先看配套平台 getdesign.md 对每份文件提供在线预览浅色与深色两套表面都有。细节量化到什么程度打开 Linear 这份看打开 design-md/linear.app/DESIGN.md 就能看到量化到什么颗粒度Token真实数值说明colors.canvas#010102近黑画布整套系统的锚点表面colors.primary#5e6ad2唯一强调色只许出现在 logo、CTA、焦点环typography.display-xl80px / 600 / -3px顶级标题的字号、字重、字距rounded4px → 9999px圆角 4~24px 分七档药丸直接 9999pxspacing4px → 96px最小刻度 4px区块间距 96pxStripe 那份 则把金融感写成参数主色#533afd、正文海军墨色#0d253d、Söhne 细体 weight-300金额数字启用 tnum 表格数字特性。文件末尾的 Dos Donts 是最直接的护栏Dont ship a light-mode marketing page、Dont pill-round CTAs。代理拿到的不是高级感三个字而是能执行的数值和红线 落地只要三步clone、复制、交给代理想一次拿全 73 份clone 整个仓库即可git clone https://gitcode.com/GitHub_Trending/aw/awesome-design-md每个品牌目录下有三个文件DESIGN.md代理读的那份加上preview.html/preview-dark.html两个预览页——同一组 token 在浅色与深色表面上的呈现做深色模式适配时这是最直接的对照。把选中的 DESIGN.md 复制到项目根目录提示词里点名这份文件遵循这份设计系统写页面。提示词点到具体文件输出明显更稳一句模糊的做得好看点等于让代理掷骰子。缺品牌或数值不对走哪条路分两条路。列表里没有你想要的网站走 getdesign.md 平台的 Request 入口按指定站点申请一份 DESIGN.md也支持只交付给你自己的私人请求。发现色值写错、token 缺失按 CONTRIBUTING.md 的流程来先开 Issue 讨论确认后再提 PR 修正——完善现有文件是这里最被欢迎的贡献方向。注意两点合集按 as-is 提供不保证绝对准确且仓库不接受新增品牌文件的 PR补新品牌只能走 Request 入口。【免费下载链接】awesome-design-mdA collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-design-md创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
