Skip to content
cccskills
FreePublished on GitHub

voltagent-awesome-design-md

Use DESIGN.md files drawn from 73 real websites to guide AI interface creation. Choose a visual style and give your agent concrete specifications for colors, typography, spacing, and components.

OriginalShow the original 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。

anbeime/skill8,891 stars(GitHub 8,891 + cccskills 0)
Works withStripeVercel

Run score Not tested

See how to install

Good for

  • Finding a visual reference for a new interface
  • Giving an AI agent consistent UI design rules
  • Comparing styles across industries

Files included (154)

  • SKILL.md2.9 KB
  • .github/FUNDING.yml66 B
  • .github/ISSUE_TEMPLATE/design-md-request.yml1.3 KB
  • .gitignore10 B
  • CONTRIBUTING.md912 B
  • design-md/airbnb/DESIGN.md29.8 KB
  • design-md/airbnb/README.md209 B
  • design-md/airtable/DESIGN.md34.4 KB
  • design-md/airtable/README.md213 B
  • design-md/apple/DESIGN.md36.2 KB
  • design-md/apple/README.md207 B
  • design-md/binance/DESIGN.md39.0 KB
  • design-md/binance/README.md211 B
  • design-md/bmw-m/DESIGN.md30.0 KB
  • design-md/bmw-m/README.md207 B
  • design-md/bmw/DESIGN.md27.3 KB
  • design-md/bmw/README.md203 B
  • design-md/bugatti/DESIGN.md27.9 KB
  • design-md/bugatti/README.md211 B
  • design-md/cal/DESIGN.md30.4 KB
  • design-md/cal/README.md203 B
  • design-md/claude/DESIGN.md32.8 KB
  • design-md/claude/README.md209 B
  • design-md/clay/DESIGN.md25.1 KB
  • design-md/clay/README.md205 B
  • design-md/clickhouse/DESIGN.md25.4 KB
  • design-md/clickhouse/README.md217 B
  • design-md/cohere/DESIGN.md19.6 KB
  • design-md/cohere/README.md209 B
  • design-md/coinbase/DESIGN.md25.2 KB
  • design-md/coinbase/README.md213 B
  • design-md/composio/DESIGN.md20.1 KB
  • design-md/composio/README.md213 B
  • design-md/cursor/DESIGN.md21.3 KB
  • design-md/cursor/README.md209 B
  • design-md/dell-1996/DESIGN.md33.8 KB
  • design-md/dell-1996/README.md217 B
  • design-md/elevenlabs/DESIGN.md20.5 KB
  • design-md/elevenlabs/README.md217 B
  • design-md/expo/DESIGN.md21.2 KB
  • design-md/expo/README.md205 B
  • design-md/ferrari/DESIGN.md23.8 KB
  • design-md/ferrari/README.md211 B
  • design-md/figma/DESIGN.md31.6 KB
  • design-md/figma/README.md207 B
  • design-md/framer/DESIGN.md28.4 KB
  • design-md/framer/README.md209 B
  • design-md/hashicorp/DESIGN.md27.4 KB
  • design-md/hashicorp/README.md215 B
  • design-md/hp/DESIGN.md35.5 KB
  • design-md/hp/README.md201 B
  • design-md/ibm/DESIGN.md25.9 KB
  • design-md/ibm/README.md203 B
  • design-md/intercom/DESIGN.md22.7 KB
  • design-md/intercom/README.md213 B
  • design-md/kraken/DESIGN.md4.2 KB
  • design-md/kraken/README.md209 B
  • design-md/lamborghini/DESIGN.md20.6 KB
  • design-md/lamborghini/README.md219 B
  • design-md/linear.app/DESIGN.md23.8 KB
  • design-md/linear.app/README.md213 B
  • design-md/lovable/DESIGN.md17.0 KB
  • design-md/lovable/README.md211 B
  • design-md/mastercard/DESIGN.md26.4 KB
  • design-md/mastercard/README.md217 B
  • design-md/meta/DESIGN.md37.1 KB
  • design-md/meta/README.md205 B
  • design-md/minimax/DESIGN.md37.0 KB
  • design-md/minimax/README.md211 B
  • design-md/mintlify/DESIGN.md43.0 KB
  • design-md/mintlify/README.md213 B
  • design-md/miro/DESIGN.md35.7 KB
  • design-md/miro/README.md205 B
  • design-md/mistral.ai/DESIGN.md34.7 KB
  • design-md/mistral.ai/README.md217 B
  • design-md/mongodb/DESIGN.md31.3 KB
  • design-md/mongodb/README.md211 B
  • design-md/nike/DESIGN.md35.8 KB
  • design-md/nike/README.md205 B
  • design-md/nintendo-2001/DESIGN.md38.1 KB
  • design-md/nintendo-2001/README.md229 B
  • design-md/notion/DESIGN.md34.4 KB
  • design-md/notion/README.md209 B
  • design-md/nvidia/DESIGN.md34.8 KB
  • design-md/nvidia/README.md209 B
  • design-md/ollama/DESIGN.md32.0 KB
  • design-md/ollama/README.md209 B
  • design-md/opencode.ai/DESIGN.md31.9 KB
  • design-md/opencode.ai/README.md219 B
  • design-md/pinterest/DESIGN.md35.5 KB
  • design-md/pinterest/README.md215 B
  • design-md/playstation/DESIGN.md38.8 KB
  • design-md/playstation/README.md219 B
  • design-md/posthog/DESIGN.md39.5 KB
  • design-md/posthog/README.md211 B
  • design-md/raycast/DESIGN.md40.3 KB
  • design-md/raycast/README.md211 B
  • design-md/renault/DESIGN.md29.4 KB
  • design-md/renault/README.md211 B
  • design-md/replicate/DESIGN.md30.8 KB
  • design-md/replicate/README.md215 B
  • design-md/resend/DESIGN.md30.7 KB
  • design-md/resend/README.md209 B
  • design-md/revolut/DESIGN.md31.3 KB
  • design-md/revolut/README.md211 B
  • design-md/runwayml/DESIGN.md14.0 KB
  • design-md/runwayml/README.md213 B
  • design-md/sanity/DESIGN.md20.7 KB
  • design-md/sanity/README.md209 B
  • design-md/sentry/DESIGN.md34.6 KB
  • design-md/sentry/README.md209 B
  • design-md/shopify/DESIGN.md26.4 KB
  • design-md/shopify/README.md211 B
  • design-md/slack/DESIGN.md24.0 KB
  • design-md/spacex/DESIGN.md19.2 KB
  • design-md/spacex/README.md209 B
  • design-md/spotify/DESIGN.md12.7 KB
  • design-md/spotify/README.md211 B
  • design-md/starbucks/DESIGN.md36.5 KB
  • design-md/starbucks/README.md215 B
  • design-md/stripe/DESIGN.md24.0 KB
  • design-md/stripe/README.md209 B
  • design-md/supabase/DESIGN.md20.8 KB
  • design-md/supabase/README.md213 B
  • design-md/superhuman/DESIGN.md21.4 KB
  • design-md/superhuman/README.md217 B
  • design-md/tesla/DESIGN.md21.7 KB
  • design-md/tesla/README.md207 B
  • design-md/theverge/DESIGN.md27.7 KB
  • design-md/theverge/README.md213 B
  • design-md/together.ai/DESIGN.md37.4 KB
  • design-md/together.ai/README.md219 B
  • design-md/uber/DESIGN.md33.9 KB
  • design-md/uber/README.md205 B
  • design-md/vercel/DESIGN.md40.4 KB
  • design-md/vercel/README.md209 B
  • design-md/vodafone/DESIGN.md27.4 KB
  • design-md/vodafone/README.md213 B
  • design-md/voltagent/DESIGN.md25.3 KB
  • design-md/voltagent/README.md215 B
  • design-md/warp/DESIGN.md23.9 KB
  • design-md/warp/README.md205 B
  • design-md/webflow/DESIGN.md27.5 KB
  • design-md/webflow/README.md211 B
  • design-md/wired/DESIGN.md23.1 KB
  • design-md/wired/README.md207 B
  • design-md/wise/DESIGN.md24.0 KB
  • design-md/wise/README.md205 B
  • design-md/x.ai/DESIGN.md21.3 KB
  • design-md/x.ai/README.md204 B
  • design-md/zapier/DESIGN.md22.5 KB
  • design-md/zapier/README.md209 B
  • LICENSE1.0 KB
  • README.md15.6 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

agent-team

FreeSummary

Organize AI agents into execution, management, and review roles for complex projects. Choose preset or custom teams, share project context and decisions, and combine their discussions and work into meeting records, feasibility reports, or implementation outputs.

  • Reviewing a technical architecture from several perspectives
  • Discussing product pricing across market and cost considerations
  • Assessing a new product's feasibility
anbeime/skill8.9KUpdated Oct 28, 2026

Generate character images, backgrounds, synthetic speech, and music for product videos featuring 小省导购员, a digital shopping presenter. Coordinate these assets with InfiniteTalk to produce a 25-second vertical video made from five scenes.

  • Producing a 25-second vertical product presentation video
  • Generating reference images for the 小省导购员 character
  • Creating business setting backgrounds for a video
anbeime/skill8.9KUpdated Oct 28, 2026

Convert PDF, Word, and Excel documents into structured Markdown for search and knowledge bases. The skill tries three parsers in sequence when needed and returns metadata, a confidence score, and the parser used.

  • Prepare documents for retrieval-augmented generation
  • Structure documents for an internal knowledge base
  • Extract structured text from contracts
anbeime/skill8.9KUpdated Oct 28, 2026

Organize parsed documents into four color-coded cards covering facts, explanations, risks, and actions. Preserve source references and generation details so readers can review evidence, identify uncertainty, and consider next steps in research, financial, or legal analysis.

  • Separating facts from interpretations in financial reports
  • Organizing evidence and risks in legal documents
  • Turning research documents into evidence-linked analysis cards
anbeime/skill8.9KUpdated Oct 28, 2026

Record operations across multiple AI agents and connect events into a traceable history. Search records by tracking ID, time window, or responsible component to support audits and investigations, with local storage available when the vector database fails.

  • Trace task dispatch and execution across agents
  • Search audit records by time or responsible component
  • Keep recording events during vector database failures
anbeime/skill8.9KUpdated Oct 28, 2026

Screen documents and external URLs before they enter a processing workflow. Check blocked domains and document permissions, then produce a pass or reject decision, a risk report, and a tracking ID for later review.

  • Screening documents before adding them to a knowledge base
  • Checking external URLs against a domain blocklist
  • Reviewing document permissions before processing
anbeime/skill8.9KUpdated Oct 28, 2026

See all skills by anbeime

Report a problem with this skill