这个项目能做什么
Awesome DESIGN.md 是一个精选的设计系统文档(DESIGN.md)合集,这些文档提取自众多行业的真实网站。该概念源自 Google Stitch——这是一种纯文本 Markdown 文件,AI 代理可读取它来理解 UI 的视觉风格与交互感受,无需 Figma 导出文件或 JSON 架构。
该仓库目前包含 73 份以上的 DESIGN.md 文件,覆盖众多主流品牌,包括 AI 平台(Claude、Cohere、Mistral、OpenAI、xAI)、开发者工具(Cursor、Vercel、Raycast、Warp)、后端服务(ClickHouse、MongoDB、Supabase、Sentry)、生产力 SaaS(Linear、Notion、Zapier、Cal.com)、设计工具(Figma、Framer、Webflow)、金融科技/加密货币(Stripe、Revolut、Coinbase、Wise)、电商(Airbnb、Nike、Shopify)、媒体品牌(Apple、Spotify、The Verge、WIRED)以及汽车品牌(BMW、Ferrari、Lamborghini、Tesla)。此外还有复古网页板块,收录了 20 世纪 90 年代和 21 世纪初的复古设计(1996 年的 Dell 官网、2001 年的 Nintendo.com)。
每份 DESIGN.md 均遵循 Stitch 规范,通常包含视觉主题、带语义名称和十六进制色值的调色板、排版规则、组件样式(按钮、卡片、输入框、导航栏)、布局原则与间距刻度、深度与层级、注意事项与禁止项规范、响应式行为,以及代理提示指南。每份文件还附带 `preview.html` 和 `preview-dark.html` 视觉目录,可展示色板、字体刻度、按钮和卡片效果。
使用时,只需将 DESIGN.md 复制到项目根目录,并指示 AI 编码代理在构建 UI 时参考该文件。用户还可以通过 getdesign.md/request 申请特定网站的定制 DESIGN.md 文件。
评论
0 评分人数达到10人后显示
登录后参与讨论。