Awesome DESIGN.md

正常
GitHub Unknown MIT

简介

Awesome DESIGN.md 是一个受流行品牌设计系统启发的 DESIGN.md 文件集合,可放入项目中让编码 Agent 生成匹配的 UI,为 AI 编码 Agent 提供设计系统参考。

核心特性

  • 72+ 品牌 DESIGN.md 文件 — 收录 Claude、Vercel、Linear、Notion 等知名品牌的完整设计系统文档
  • AI Agent 可读格式 — 纯 Markdown 文件,无需 Figma 或特殊工具,LLM 直接解析
  • 设计 Token 与模式 — 包含颜色、字体、间距、组件模式等深层设计规则,非表面级描述
  • 多领域分类 — 按 AI 平台、开发工具、SaaS、设计工具、金融等类别组织
  • 一键复制使用 — 将 DESIGN.md 放入项目根目录,AI 编码 Agent 即可生成匹配的 UI

适用场景

💡 让 AI 编码 Agent 生成与知名品牌风格一致的 UI 界面
💡 为新项目快速建立设计系统参考,避免从零开始
💡 学习优秀品牌的设计模式、Token 体系和组件规范
💡 在 DESIGN.md 和 AGENTS.md 配合下实现设计-开发一体化工作流

优势与不足

优势

  • 社区热度高(114.9k stars)
  • 开源许可证友好(MIT)
  • Issue 响应及时,积压少

快速开始

# 克隆仓库获取所有 DESIGN.md 文件
git clone https://github.com/VoltAgent/awesome-design-md.git
cd awesome-design-md

# 选择一个品牌的 DESIGN.md 复制到你的项目根目录
# 例如使用 Vercel 的设计风格:
cp collection/vercel/DESIGN.md /your-project/DESIGN.md

# 然后告诉你的 AI 编码 Agent:
# "按照 DESIGN.md 中的设计规范构建一个落地页"

相关项目

jcode

19.4k · Rust
活跃 A

面向多会话工作流的下一代编码代理外壳,专注极致性能、低内存占用与可深度定制的工具/MCP 集成。

coding-agentrustterminal +2
  • · 极致资源占用 — 单会话 RAM 仅 27.8 MB,10 会话也只需 117 MB,比同类工具低 5-15 倍
  • · 亚毫秒启动 — 首帧渲染 14 ms、首键输入 49 ms,比 Claude Code 快 200+ 倍
  • · 多会话 Swarm — 同一仓库内自动协调多 Agent,处理文件冲突、消息广播、子代理派发

Aider

48.8k · Python
不活跃 B

终端中的 AI 结对编程工具,支持与主流 LLM 协作进行代码编辑、Git 管理和多文件重构,深度集成开发者工作流。

pair-programmingcoding-agentterminal +2
  • · 代码库地图 — 自动构建整个代码库的结构地图,帮助LLM在大型项目中精准定位和理解上下文
  • · Git深度集成 — 每次修改自动生成有意义的提交信息,支持使用git工具进行差异对比和版本管理
  • · 100+编程语言支持 — 兼容 Python、JavaScript、Rust、Go、C++、PHP、HTML/CSS 等主流语言

AgenticSeek

27.2k · Python
活跃 A+

完全本地化的 Manus AI 替代方案,支持自主浏览网页、编写代码和语音交互,无需任何 API 费用

browser-agentcoding-agentlocal-ai +3
  • · 完全本地运行 — 所有数据保留在本机,零API费用,无需云端依赖
  • · 自主网页浏览 — 自动搜索、阅读、提取信息和填写表单
  • · 编码助手 — 支持Python、C、Go、Java等多种语言的编写和调试