design-md-hub

## 概述 design-md-hub是一个开源仓库，收录了120个品牌设计系统的规范，每个都以单个纯文本DESIGN.md文件形式呈现，供AI编码代理读取。每项规格均从品牌的实际生产网站逆向提取，所记录的字体、十六进制颜色值、标志和文案均来自真实来源而非推测。无法从网站确认的值均被省略。 ## DESIGN.md内容 design-md-hub收录了120个品牌设计系统的规范，每个都以单个纯文本DESIGN.md文件形式呈现，供AI编码代理读取。每项规格均从品牌的实际生产网站逆向提取，所记录的字体、十六进制颜色值、标志和文案均来自真实来源而非推测。无法从网站确认的值均被省略。 ## README中描述的工作流程 1. 抓取品牌的生产网站（HTML、CSS、字体），提取真实的设计Token。 2. 将这些Token转换为纯文本的DESIGN.md规格文件。 3. 生成配套的preview.html，在浏览器中展示视觉身份。 4. AI编码代理读取DESIGN.md，生成符合该品牌风格的用户界面。 ## 覆盖范围 该合集涵盖开发者工具、AI/LLM产品、设计工具、金融科技、数据分析、可观测性、生产力应用、认证服务、数据平台、商务自动化等领域。已包含的品牌示例有GitHub、Figma、Cursor、Linear、Stripe、Vercel、Supabase、Notion、Docker、MongoDB、Cloudflare、OpenAI、Claude、Mistral AI、ElevenLabs、Tailwind CSS、shadcn/ui、n8n、Zapier、Grafana等。README中链接了在线画廊，便于浏览预览。 ## 使用方法 1. 从列表中选择需要的DESIGN.md文件。 2. 将其复制到项目根目录。 3. 指示编码代理遵循项目根目录中的DESIGN.md进行开发。 4. 以一致的品牌风格生成组件、页面或完整应用。 无需付费、注册或API密钥；贡献指南见仓库的CONTRIBUTING.md。 ## 注意事项 README声明，这些规格是用于教育和原型开发的非官方参考资料，由公开品牌网站逆向工程得出，不代表也不隶属于任何品牌。商标和品牌标识归其所有者所有。本项目采用MIT许可证开源。