快速判断
一句判断
它解决的是“让 Agent 共享设计语言”的问题，不是直接生成组件。
收集真实品牌 DESIGN.md，让 Agent 按明确设计语言生成更一致的界面。
读原文顺序
- 先读 README 开头，判断仓库解决的问题。
- 再看能力结构或包含内容，确认是否需要整体安装。
- 最后看安装、许可证和维护说明。
想让 Agent 按 Stripe、Apple、Notion、Linear、Claude 等真实产品气质生成界面时。
需要给项目补一份可复制、可 diff、可交给 AI 的设计系统上下文时。
它解决的是“让 Agent 共享设计语言”的问题，不是直接生成组件；适合设计师和前端在项目开始前先统一审美语境。
策展备注： 它解决的是“让 Agent 共享设计语言”的问题，不是直接生成组件；适合设计师和前端在项目开始前先统一审美语境。
Awesome DESIGN.md
把一份 DESIGN.md 复制到你的项目里，告诉 AI agent “build me a page that looks like this”，然后生成和该设计语言保持视觉一致的高质量 UI。
这些文件基于真实设计深度构建，包含经过分析的 patterns、tokens 和 rules，用于高质量 UI 生成，而不是停留在表层输出。
What is DESIGN.md?
DESIGN.md 是一种纯文本设计系统文档，供 AI agents 读取并生成一致的 UI。它是一个 markdown 文件，不需要 Figma exports、JSON schemas 或特殊工具。把它放进项目根目录，AI coding agent 或 Google Stitch 就能理解 UI 应该是什么样子。
| File | 谁读取它 | 它定义什么 |
|---|---|---|
| AGENTS.md | Coding agents | 如何构建项目 |
| DESIGN.md | Design agents | 项目应该如何呈现外观与感受 |
本仓库提供从真实网站提取的可直接使用 DESIGN.md 文件。
Collection
集合包括 AI 和 LLM 平台、开发者工具、backend 和 DevOps 工具、productivity SaaS、设计与创意工具、fintech 和 crypto 产品、电商与零售、媒体与消费科技、汽车品牌等。示例包括 Claude、Cursor、Vercel、Linear、Notion、Figma、Stripe、Airbnb、Apple、Spotify、BMW 等。
License
MIT License.
Awesome DESIGN.md
Copy a DESIGN.md into your project, tell your AI agent ?build me a page that looks like this,? and generate high-quality UI that stays visually consistent with the design language.
Built with real design depth, including analyzed patterns, tokens, and rules, for high-quality UI generation rather than surface-level outputs.
What is DESIGN.md?
DESIGN.md is a plain-text design system document that AI agents read to generate consistent UI. It is a markdown file, with no Figma exports, JSON schemas, or special tooling. Drop it into your project root and an AI coding agent or Google Stitch can understand how the UI should look.
| File | Who reads it | What it defines |
|---|---|---|
| AGENTS.md | Coding agents | How to build the project |
| DESIGN.md | Design agents | How the project should look and feel |
This repo provides ready-to-use DESIGN.md files extracted from real websites.
Collection
The collection includes AI and LLM platforms, developer tools, backend and DevOps tools, productivity SaaS, design and creative tools, fintech and crypto products, e-commerce and retail, media and consumer tech, automotive brands, and more. Examples include Claude, Cursor, Vercel, Linear, Notion, Figma, Stripe, Airbnb, Apple, Spotify, BMW and others.
License
MIT License.