voltagent-awesome-design-md

Files (154)

• FUNDING.yml · .github/
• design-md-request.yml · .github/ISSUE_TEMPLATE/
• .gitignore
• CONTRIBUTING.md
• LICENSE
• README.md
• SKILL.md
• DESIGN.md · design-md/airbnb/
• README.md · design-md/airbnb/
• DESIGN.md · design-md/airtable/
• README.md · design-md/airtable/
• DESIGN.md · design-md/apple/
• README.md · design-md/apple/
• DESIGN.md · design-md/binance/
• README.md · design-md/binance/
• DESIGN.md · design-md/bmw-m/
• README.md · design-md/bmw-m/
• DESIGN.md · design-md/bmw/
• README.md · design-md/bmw/
• DESIGN.md · design-md/bugatti/
• README.md · design-md/bugatti/
• DESIGN.md · design-md/cal/
• README.md · design-md/cal/
• DESIGN.md · design-md/claude/
• README.md · design-md/claude/
• DESIGN.md · design-md/clay/
• README.md · design-md/clay/
• DESIGN.md · design-md/clickhouse/
• README.md · design-md/clickhouse/
• DESIGN.md · design-md/cohere/
• README.md · design-md/cohere/
• DESIGN.md · design-md/coinbase/
• README.md · design-md/coinbase/
• DESIGN.md · design-md/composio/
• README.md · design-md/composio/
• DESIGN.md · design-md/cursor/
• README.md · design-md/cursor/
• DESIGN.md · design-md/dell-1996/
• README.md · design-md/dell-1996/
• DESIGN.md · design-md/elevenlabs/
• README.md · design-md/elevenlabs/
• DESIGN.md · design-md/expo/
• README.md · design-md/expo/
• DESIGN.md · design-md/ferrari/
• README.md · design-md/ferrari/
• DESIGN.md · design-md/figma/
• README.md · design-md/figma/
• DESIGN.md · design-md/framer/
• README.md · design-md/framer/
• DESIGN.md · design-md/hashicorp/
• README.md · design-md/hashicorp/
• DESIGN.md · design-md/hp/
• README.md · design-md/hp/
• DESIGN.md · design-md/ibm/
• README.md · design-md/ibm/
• DESIGN.md · design-md/intercom/
• README.md · design-md/intercom/
• DESIGN.md · design-md/kraken/
• README.md · design-md/kraken/
• DESIGN.md · design-md/lamborghini/
• …and 94 more

SKILL.md (first lines)

# VoltAgent Awesome DESIGN.md

**73 个真实网站的 DESIGN.md 提取集合。** 每个子目录（如 `design-md/claude/`、`design-md/stripe/`、`design-md/tesla/`）是一份完整的 DESIGN.md 文件 —— Google Stitch 推广的纯 Markdown 设计系统描述语言。

## 是什么

DESIGN.md 是 Google Stitch 推出的设计系统规范：
- **AGENTS.md** —— 给编码 agent 看，定义"项目怎么建"
- **DESIGN.md** —— 给设计 agent 看，定义"UI 应该长什么样"

> 只需在项目根目录放一份 DESIGN.md，任何 AI 编码 agent / Google Stitch 就能立即理解你的 UI 视觉规范。

## 怎么用

1. 浏览 `design-md/<name>/DESIGN.md`，找一个你喜欢的风格
2. 复制对应目录到你的项目根目录
3. 告诉你的 AI agent："build me a page that looks like this"
4. AI 会按 DESIGN.md 里的色板 / 字体 / 间距 / 组件规格生成一致 UI

## 收录分类

- AI & LLM 平台（Claude / Cohere / ElevenLabs / Mistral AI / Ollama / xAI 等 12 个）
- Developer Tools & IDEs（Cursor / Expo / Lovable / Raycast / Vercel / Warp 等 7 个）
- Backend / Database / DevOps（ClickHouse / MongoDB / PostHog / Sentry / Supabase 等 8 个）
- Productivity & SaaS（Cal.com / Linear / Notion / Resend / Zapier 等 7 个）
- Design & Creative Tools（Figma / Framer / Miro / Webflow 等 6 个）
- Fintech & Crypto（Binance / Coinbase / Kraken / Stripe / Wise 等 7 个）
- E-commerce & Retail（Airbnb / Nike / Shopify / Starbucks 等 5 个）
- Media & Consumer Tech（Apple / NVIDIA / PlayStation / Spotify / WIRED 等 12 个）
- Automotive（BMW / Ferrari / Lamborghini / Tesla 等 7 个）
- Retro Web（1996 Dell / 2001 Nintendo.com 等复古 UI）

总计 73 个 DESIGN.md。

## 在 Antinet 里的角色

**资源目录型 skill** —— 不是 agent runtime skill（不进入 SKILL_SOURCES.json 调度），而是设计资源仓库。

前端 `skills.html` 的 🔥 **本周热门** Tab 已收录（与 ip-as-logo / img2threejs / photo-abstract-editorial / anydoc 并列）。

## 与其他 Skill 的关系

- `ip-as-logo`：吉祥物（资产）
- `img2threejs`：3D 重建（资产）
- `photo-abstract-editorial`：编辑作品（资产）
- **`voltagent-awesome-design-md`：UI 设计系统（规范）**

四者合起来构成"AI 创作素材层"。

## License

继承上游仓库 LICENSE。详见 `LICENSE` 文件（MIT）。

From anbeime/skill, MIT.

More from anbeime/skill