Skip to content
AI & Agents
Skill

/voltagent-awesome-design-md

73 个真实网站 DESIGN.md 提取集合(Claude / Cursor / Vercel / Stripe / Apple / Tesla / Ferrari ...)。 把 DESIGN.md 复制到项目根目录,AI agent 读 DESIGN.md 后能生成风格一致的高质量 UI。 本仓库同步自 VoltAgent/awesome-design-md。 关键词:DESIGN.md, Google Stitch, UI 设计, 设计系统, Claude, Cursor, Vercel, Stripe, Apple, Tesla。

BOOST
From plugin
anbeime-skill
8.5k87 skills
Install
$ npx -y skills add anbeime/skill --skill voltagent-awesome-design-md --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/voltagent-awesome-design-md

Context preview

The summary Claude sees to decide when to auto-load this skill.

73 个真实网站 DESIGN.md 提取集合(Claude / Cursor / Vercel / Stripe / Apple / Tesla / Ferrari ...)。 把 DESIGN.md 复制到项目根目录,AI agent 读 DESIGN.md 后能生成风格一致的高质量 UI。 本仓库同步自 VoltAgent/awesome-design-md。 关键词:DESIGN.md, Google Stitch, UI 设计, 设计系统, Claude, Cursor, Vercel, Stripe, Apple, Tesla。

SKILL.md

voltagent-awesome-design-md.SKILL.md
name: voltagent-awesome-design-md
description: >
  73 个真实网站 DESIGN.md 提取集合(Claude / Cursor / Vercel / Stripe / Apple / Tesla / Ferrari ...)。
  把 DESIGN.md 复制到项目根目录,AI agent 读 DESIGN.md 后能生成风格一致的高质量 UI。
  本仓库同步自 VoltAgent/awesome-design-md。
  关键词:DESIGN.md, Google Stitch, UI 设计, 设计系统, Claude, Cursor, Vercel, Stripe, Apple, Tesla。
license: MIT
source: https://github.com/VoltAgent/awesome-design-md

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)。

Read more
Ships withanbeime-skill

收录最全、更新最快的AI Agent技能库,涵盖文档处理、内容创作、编程开发、机器学习、自动化工作流等多个领域的精选技能包。 🎁 知易多模型知识管家 · 免费试用预约 — 20+ 模型自由切换、技能市场、四色卡片知识库,留邮箱锁定免费试用名额,每周再收一份知易AI周刊。

Get the whole plugin

Other skills on anbeime-skill.

doc-parse
Skill

doc-parse

将 PDF/PPT/Excel/Word 等多格式文档解析为结构化 Markdown,并输出元数据与解析置信度,作为 RAG 与四色卡片的数据底座。

agent-team
Skill

agent-team

产品经理与项目管理专家在应对复杂项目时,使用此技能可动态组建包含“执行、指挥、评审”的专属AI团队。实时查看多智能体辩论与决策全过程,共享统一上下文记忆,一键完成从会议决策到系统构建的全流程高效协同!

agentkit-multimedia-shopping
Skill

agentkit-multimedia-sh…

电商运营与内容创作者在需要制作带货短视频时,用此技能一键生成9:16竖屏数字人成片。自动编排AI绘画、语音合成与视频生成,快速产出“小省导购员”专属形象与专业配音,让多模态视频制作省时省力。