SuperAPI AI 工具集

awesome-design-md

设计与创作

查看项目

更新于 10-15 17:26

技能介绍

awesome-design-md 是一个精选合集,收录 54 份提取自真实、面向开发者的网站的 DESIGN.md 文件。每份文件都是一套完整的设计系统规范,AI 智能体读取后可生成像素级精准、品牌一致的 UI。

用途:DESIGN.md 是 Google Stitch 提出的概念,即一份纯文本设计系统文档,AI 智能体通过阅读它来生成一致的 UI。它就是一个 markdown 文件,放到项目根目录后,任何 AI 编程智能体都能理解界面应有的观感。适用场景包括:用户要求“做成某品牌的样子”时查找匹配参考文件;用户想浏览时按风格筛选推荐;用户未指定风格时根据项目类型智能推荐(如 SaaS 落地页推荐 Stripe、Vercel、Linear,AI 聊天界面推荐 Claude、Mistral AI、ElevenLabs 等),默认回退到 Vercel。

主要能力:合集覆盖 AI 与机器学习、开发者工具与平台、基础设施与云、设计与生产力、金融科技与加密、企业与消费等类别,涉及 Claude、Cohere、ElevenLabs、Cursor、Linear、Vercel、Stripe、Figma、Notion、Apple、Spotify 等站点。每份 DESIGN.md 遵循 Google Stitch 格式,含 9 个部分:视觉主题与氛围、色彩与角色、排版规则、组件样式、布局原则、深度与层次、应做与不应做、响应式行为、智能体提示指南。

使用方式:用户要求“做成某品牌的样子”时,找到对应参考文件,读取 references/{site-name}.md,将其内容复制到用户项目根目录作为 DESIGN.md,再用其中的设计令牌(颜色、字体、间距、组件)生成 UI 代码。

限制:资料未提供安装命令、收费或价格信息。文件具体内容与站点样式描述来自资料所列清单,未展开的细节暂未提供。