Awesome Design MD

🎨 一键复刻50+顶级网站设计系统

收录50+知名网站的DESIGN.md设计系统文件,让AI代理一键复刻顶级网站的视觉风格,涵盖AI、开发者工具、设计工具、金融科技等领域的设计规范。

收藏
4.8k
安装
1.1k
版本
1.0.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Awesome Design MD 是一个设计系统文档聚合库,收集并标准化了50+全球知名网站的 DESIGN.md 文件。用户可通过命令行查看可用设计系统(ls ~/.openclaw/workspace/skills/awesome-design-md/design-md/)、读取特定网站的设计规范(如 cat .../vercel/DESIGN.md),或直接复制到项目根目录供 AI 代理调用。

每个 DESIGN.md 遵循 Google Stitch 格式,包含完整的视觉主题、配色方案、字体规范、组件样式、间距系统、动效规范等。使用时只需告知 AI "请根据 DESIGN.md 创建 XX 风格的页面"即可复刻顶级设计。

显著优点

1. 权威来源:直接采集 Linear、Stripe、Apple、Vercel 等顶级产品的真实设计系统,非推测性还原
2. 覆盖全面:横跨 AI/LLM(Claude、OpenAI)、开发者工具(Cursor、Vercel)、设计工具(Figma、Framer)、金融科技(Stripe、Coinbase)等8大领域

3. 即用即走:标准化文件格式,复制即用,无需配置复杂设计 token

4. 风格精准:每个系统标注了核心特征(如 Linear 的极简紫、Apple 的大片留白),便于快速选型

潜在局限

  • 静态文档:设计系统可能滞后于官方实际迭代
  • 版权灰区:直接复刻商业品牌视觉存在潜在法律风险,建议用于学习参考或内部原型
  • 技术绑定:部分设计系统依赖特定字体(如 Geist、SF Pro)需额外获取
  • 无交互规范:侧重视觉层,交互逻辑、无障碍规范覆盖有限

适合人群

  • 独立开发者:快速搭建高质感产品界面
  • 前端工程师:学习顶级产品的 CSS/设计 token 组织方式
  • AI 应用开发者:为 LLM 代理提供明确的视觉规范输入
  • 设计学习者:研究不同领域的设计模式差异

常规风险

| 风险类型 | 说明 |
|---------|------|
| 版权合规 | 商业项目直接使用可能涉及商标/外观侵权 |
| 字体依赖 | SF Pro、Geist 等字体需单独授权 |
| 版本漂移 | 官方设计迭代后文档未及时更新 |
| 过度模仿 | 丧失产品差异化,用户产生"既视感" |

Awesome Design MD 内容

design-md文件夹
airbnb文件夹
airtable文件夹
apple文件夹
bmw文件夹
cal文件夹
claude文件夹
clay文件夹
clickhouse文件夹
cohere文件夹
coinbase文件夹
composio文件夹
cursor文件夹
elevenlabs文件夹
expo文件夹
ferrari文件夹
figma文件夹
framer文件夹
hashicorp文件夹
ibm文件夹
intercom文件夹
kraken文件夹
lamborghini文件夹
linear.app文件夹
lovable文件夹
minimax文件夹
mintlify文件夹
miro文件夹
mistral.ai文件夹
mongodb文件夹
notion文件夹
nvidia文件夹
ollama文件夹
opencode.ai文件夹
pinterest文件夹
posthog文件夹
raycast文件夹
renault文件夹
replicate文件夹
resend文件夹
revolut文件夹
runwayml文件夹
sanity文件夹
semrush文件夹
sentry文件夹
spacex文件夹
spotify文件夹
stripe文件夹
supabase文件夹
superhuman文件夹
tesla文件夹
together.ai文件夹
uber文件夹
vercel文件夹
voltagent文件夹
warp文件夹
webflow文件夹
wise文件夹
x.ai文件夹
zapier文件夹
手动下载zip · 21.4 kB
README.mdtext/markdown
请选择文件