以下是原文的流畅中文翻译,保留原文结构、技术术语和代码块,忽略导航、页脚等无关内容:
VoltAgent awesome-design-md
精心整理的 DESIGN.md 分析合集,来自开发者关注的网站。 Awesome DESIGN.md 将一份 DESIGN.md 复制到你的项目中,告诉你的 AI 智能体“给我建一个像这样的页面”,就能生成与设计语言保持视觉一致的高质量 UI。 基于真实的设计深度构建——包括分析过的模式、设计令牌和规则——用于生成高质量 UI,而非表面层次的输出。
什么是 DESIGN.md?
DESIGN.md 是 Google Stitch 引入的新概念。 一份纯文本设计系统文档,AI 智能体通过阅读它来生成一致的 UI。 它只是一个 Markdown 文件。无需 Figma 导出、无需 JSON 模式、无需特殊工具。 将其放入项目根目录,任何 AI 编码智能体或 Google Stitch 就能立即理解你的 UI 应该如何呈现。 Markdown 是 LLM 读取效果最好的格式,因此无需解析或配置。
| 文件 | 谁读取它 | 它定义什么 | |------|----------|------------| | AGENTS.md | 编码智能体 | 如何构建项目 | | DESIGN.md | 设计智能体 | 项目的外观和感觉 |
本仓库提供从真实网站提取的、可直接使用的 DESIGN.md 文件。
请求一份 DESIGN.md
你可以为特定网站请求一份 DESIGN.md,包括仅为你提供的私有请求。
AI 设计与构建生态系统工具
👉 将你的产品与那些使用 AI 编码智能体和网页构建工具交付 UI 的开发者、设计师和“氛围编码者”一同展示。 全球 GitHub 排名 #150。 一个由开发者、设计师和“氛围编码者”使用的社区资源。
合集
AI 与 LLM 平台
- Claude - Anthropic 的 AI 助手。暖陶土色强调色,干净的编辑式布局
- Cohere - 企业 AI 平台。鲜艳渐变,数据丰富的仪表盘美学
- ElevenLabs - AI 语音平台。暗色电影感 UI,音频波形美学
- Minimax - AI 模型提供商。大胆的暗色界面,霓虹强调色
- Mistral AI - 开源权重 LLM 提供商。法式极简主义,紫色调
- Ollama - 本地运行 LLM。终端优先,单色简洁
- OpenCode AI - AI 编码平台。以开发者为中心的暗色主题
- Replicate - 通过 API 运行 ML 模型。干净的白色画布,代码优先
- Runway - AI 创意工具平台,具有编辑式电影节美学——电影感暗色英雄区、纸白阅读带、单一专有无衬线字体、纯黑色药丸形 CTA。
- Together AI - 开源 AI 基础设施。技术感,蓝图风格设计
- VoltAgent - AI 智能体框架。虚空黑画布,翡翠绿强调色,终端原生
- xAI - Elon Musk 的 AI 实验室。 stark 单色,未来主义极简
- Cursor - AI 优先的代码编辑器。流畅的暗色界面,渐变强调色
- Expo - React Native 平台。暗色主题,紧凑字间距,代码中心
- Lovable - AI 全栈构建工具。俏皮渐变,友好的开发者美学
- Raycast - 生产力启动器。流畅的暗色镀铬,鲜艳渐变强调色
- Superhuman - 快速邮件客户端。高级暗色 UI,键盘优先,紫色光晕
- Vercel - 前端部署平台。黑白精准,Geist 字体
- Warp - 现代终端。暗色 IDE 风格界面,基于块的命令 UI
- ClickHouse - 快速分析数据库。黄色强调色,技术文档风格
- Composio - 工具集成平台。现代暗色,彩色集成图标
- HashiCorp - 基础设施自动化。企业级干净,黑白配色
- MongoDB - 文档数据库。绿色叶子品牌,开发者文档聚焦
- PostHog - 产品分析。俏皮刺猬品牌,开发者友好的暗色 UI
- Sanity - 无头内容平台,具有暗色优先的编辑式营销表面——112px 展示字体,IBM Plex Mono 技术眉毛,单一珊瑚红强调色保留给最高优先级 CTA。
- Sentry - 错误监控。暗色仪表盘,数据密集,粉紫强调色
- Supabase - 开源 Firebase 替代品。暗色翡翠主题,代码优先
- Cal.com - 开源日程安排。干净中性 UI,开发者导向的简洁
- Intercom - 客户消息。友好蓝色调,对话式 UI 模式
- Linear - 面向工程师的项目管理。超极简,精准,紫色强调色
- Mintlify - 文档平台。干净,绿色强调色,阅读优化
- Notion - 全能工作空间。温暖极简主义,衬线标题,柔和表面
- Resend - 面向开发者的邮件 API。极简暗色主题,等宽强调色
- Zapier - 自动化平台。温暖橙色,友好插图驱动
- Airtable - 电子表格-数据库混合体。多彩,友好,结构化数据美学
- Clay - 创意机构。有机形状,柔和渐变,艺术指导布局
- Figma - 协作设计工具。鲜艳多色,俏皮而专业
- Framer - 网站构建工具。大胆黑蓝,动感优先,设计导向
- Miro - 视觉协作。亮黄色强调色,无限画布美学
- Webflow - 可视化网页构建工具。蓝色强调色,精致营销网站美学
- Binance - 加密货币交易所。大胆的 Binance 黄配单色,交易大厅紧迫感
- Coinbase - 加密货币交易所。干净蓝色品牌,信任聚焦,机构感
- Kraken - 加密货币交易平台。紫色强调色暗色 UI,数据密集仪表盘
- Mastercard - 全球支付网络。温暖奶油色画布,轨道药丸形状,编辑式温暖
- Revolut - 数字银行。流畅暗色界面,渐变卡片,金融科技精准
- Stripe - 支付基础设施。标志性紫色渐变,weight-300 优雅
- Wise - 国际汇款。亮绿色强调色,友好清晰
- Airbnb - 旅行市场。温暖珊瑚色强调色,摄影驱动,圆角 UI
- Meta - 科技零售店。摄影优先,二元明/暗表面,Meta 蓝 CTA
- Nike - 运动零售。单色 UI,大写 Futura 字体,全出血摄影
- Shopify - 电子商务平台。暗色优先电影感,霓虹绿强调色,超轻展示字体
- Starbucks - 咖啡零售旗舰。四层大地绿系统,温暖奶油色画布,专有 SoDoSans 字体
- Apple - (原文未完整,保留不译)