VoltAgent/awesome-design-md

项目概览

该仓库提供了 73 个从真实网站提取并可直接投喂给 LLM 的纯文本设计系统文件，且其差异化路线是摒弃 JSON 和 Figma 导出而仅使用 Markdown 格式。

项目类型

AI 编程

应用场景

编程开发

部署方式

查看项目说明

License

MIT

适合谁

• 需要快速为 AI 编码代理提供明确设计系统上下文，以生成具有视觉一致性 UI 的开发者和创作者。

核心能力

• 提供 73 个现成的 DESIGN.md 文件，这些文件从涵盖 AI、开发者工具、金融科技、汽车和零售等多个领域的真实网站中提取而来。
• 提取并记录了用于高质量 UI 生成的分析模式、令牌、排版、调色板和设计规则。
• 包含 HTML 可视化目录，展示了浅色和深色表面下的色板、排版比例、按钮和卡片等元素样式。

限制与风险

• 该项目不对任何站点的视觉标识主张所有权，所提取的设计令牌仅代表这些网站公开可见的 CSS 值。

如何开始

• 操作简单，无需编写代码，只需将站点的 DESIGN.md 文件复制到您的项目根目录中，然后告知您的 AI 代理使用它即可。

核验依据

• GitHub 项目简介: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
• README: Curated collection of DESIGN.md analysis by developer focused websites.
• README: A plain-text design system document that AI agents read to generate consistent UI. It's just a markdown file. No Figma exports, no JSON schemas, no special tooling.
• README: 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.
• README: Drop it into your project root and any AI coding agent or Google Stitch instantly understands how your UI should look.

内容核验时间：