awesome-design-md

A library of 74 real-brand DESIGN.md design systems (Stripe, Apple, Vercel, Linear, Notion, Spotify, Figma, and more). Use when the user wants UI that matches a known brand's design language, asks to "build a page that looks like <brand>", needs design tokens/typography/color rules for a recognizable product aesthetic, or mentions DESIGN.md. Each brand folder under references/ holds a self-contained DESIGN.md (colors, type, spacing, components) an agent reads to generate visually consistent UI.

跳到安装

仓库: caezium/skills
最近来源活动: 2026年6月25日 10:42
检测到的 SKILL.md 语言: 英语
星标: 3
分支: 0

安装方式

默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

直接命令不会经过审查 Prompt；运行前请先检查来源。

npx skills add https://github.com/caezium/skills --skill awesome-design-md

命令会保持在同一行。复制前请横向滚动并检查完整内容。

想先保存到本地？可下载 SkillsMP 当前能够提供的文件。

检查来源文件

决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。

文件资源管理器

100 个文件

SKILL.md

来源说明 · 只读预览

返回搜索返回安装

henry-mode

Orchestrate Henry's long-running engineering and research work across recall, consultation, specifications, verification, worker fleets, evidence trails, handoffs, and reflection. Use when work spans sessions or machines, needs autonomous agents, crosses risky runtime boundaries, or Henry asks to resume, run a fleet, keep going, or use Henry mode. Skip small self-contained tasks.

2026-08-24

how

Use for "how does X work", code walkthroughs before changing something, and placement / ownership / layering questions ("where should this live", "which package owns this", "is this the right layer"). Explains subsystem architecture, runtime flow, onboarding mental models. Can critique architecture. Use why for motivation.

2026-08-24

implement

Implement a piece of work based on a spec or set of tickets.

2026-08-24

查看这个仓库的全部 Skills

Awesome DESIGN.md

A curated collection of DESIGN.md files — plain-markdown design systems that an AI agent reads to generate UI consistent with a specific brand's visual language. DESIGN.md is a concept from Google Stitch: a single markdown document defining colors, typography, spacing, and component rules. No Figma exports, no JSON, no tooling.

How to use

Pick the brand whose aesthetic fits the brief (see the index below).

Read references/<brand>/DESIGN.md from this skill — it contains the full token set and rules.

Generate the UI following that document. Optionally copy the DESIGN.md into the target project root so future edits stay consistent.

Each brand is an inspired interpretation of a public design language, not official brand assets — use as a starting style reference.

Brand index

airbnb — references/airbnb/DESIGN.md

airtable — references/airtable/DESIGN.md

apple — references/apple/DESIGN.md

binance — references/binance/DESIGN.md

bmw-m — references/bmw-m/DESIGN.md

bmw — references/bmw/DESIGN.md

bugatti — references/bugatti/DESIGN.md

cal — references/cal/DESIGN.md

claude — references/claude/DESIGN.md

clay — references/clay/DESIGN.md

clickhouse — references/clickhouse/DESIGN.md

cohere — references/cohere/DESIGN.md

coinbase — references/coinbase/DESIGN.md

composio — references/composio/DESIGN.md

cursor — references/cursor/DESIGN.md

dell-1996 — references/dell-1996/DESIGN.md

elevenlabs — references/elevenlabs/DESIGN.md

expo — references/expo/DESIGN.md

ferrari — references/ferrari/DESIGN.md

figma — references/figma/DESIGN.md

framer — references/framer/DESIGN.md

hashicorp — references/hashicorp/DESIGN.md

hp — references/hp/DESIGN.md

ibm — references/ibm/DESIGN.md

intercom — references/intercom/DESIGN.md

kraken — references/kraken/DESIGN.md

lamborghini — references/lamborghini/DESIGN.md

linear.app — references/linear.app/DESIGN.md

lovable — references/lovable/DESIGN.md

mastercard — references/mastercard/DESIGN.md

meta — references/meta/DESIGN.md

minimax — references/minimax/DESIGN.md

mintlify — references/mintlify/DESIGN.md

miro — references/miro/DESIGN.md

mistral.ai — references/mistral.ai/DESIGN.md

mongodb — references/mongodb/DESIGN.md

nike — references/nike/DESIGN.md

nintendo-2001 — references/nintendo-2001/DESIGN.md

notion — references/notion/DESIGN.md

nvidia — references/nvidia/DESIGN.md

ollama — references/ollama/DESIGN.md

opencode.ai — references/opencode.ai/DESIGN.md

pinterest — references/pinterest/DESIGN.md

playstation — references/playstation/DESIGN.md

posthog — references/posthog/DESIGN.md

raycast — references/raycast/DESIGN.md

renault — references/renault/DESIGN.md

replicate — references/replicate/DESIGN.md

resend — references/resend/DESIGN.md

revolut — references/revolut/DESIGN.md

runwayml — references/runwayml/DESIGN.md

sanity — references/sanity/DESIGN.md

sentry — references/sentry/DESIGN.md

shopify — references/shopify/DESIGN.md

slack — references/slack/DESIGN.md

spacex — references/spacex/DESIGN.md

spotify — references/spotify/DESIGN.md

starbucks — references/starbucks/DESIGN.md

stripe — references/stripe/DESIGN.md

supabase — references/supabase/DESIGN.md

superhuman — references/superhuman/DESIGN.md

tesla — references/tesla/DESIGN.md

theverge — references/theverge/DESIGN.md

together.ai — references/together.ai/DESIGN.md

uber — references/uber/DESIGN.md

vercel — references/vercel/DESIGN.md

vodafone — references/vodafone/DESIGN.md

voltagent — references/voltagent/DESIGN.md

warp — references/warp/DESIGN.md

webflow — references/webflow/DESIGN.md

wired — references/wired/DESIGN.md

wise — references/wise/DESIGN.md

x.ai — references/x.ai/DESIGN.md

zapier — references/zapier/DESIGN.md

Attribution

Sourced from VoltAgent/awesome-design-md (MIT). Aggregated here for personal agent use; all design analyses remain the work of their original authors.

Awesome DESIGN.md

How to use

Pick the brand whose aesthetic fits the brief (see the index below).

Read references/<brand>/DESIGN.md from this skill — it contains the full token set and rules.

Generate the UI following that document. Optionally copy the DESIGN.md into the target project root so future edits stay consistent.

Each brand is an inspired interpretation of a public design language, not official brand assets — use as a starting style reference.

Brand index

airbnb — references/airbnb/DESIGN.md

airtable — references/airtable/DESIGN.md

apple — references/apple/DESIGN.md

binance — references/binance/DESIGN.md

bmw-m — references/bmw-m/DESIGN.md

bmw — references/bmw/DESIGN.md

bugatti — references/bugatti/DESIGN.md

cal — references/cal/DESIGN.md

claude — references/claude/DESIGN.md

clay — references/clay/DESIGN.md

clickhouse — references/clickhouse/DESIGN.md

cohere — references/cohere/DESIGN.md

coinbase — references/coinbase/DESIGN.md

composio — references/composio/DESIGN.md

cursor — references/cursor/DESIGN.md

dell-1996 — references/dell-1996/DESIGN.md

elevenlabs — references/elevenlabs/DESIGN.md

expo — references/expo/DESIGN.md

ferrari — references/ferrari/DESIGN.md

figma — references/figma/DESIGN.md

framer — references/framer/DESIGN.md

hashicorp — references/hashicorp/DESIGN.md

hp — references/hp/DESIGN.md

ibm — references/ibm/DESIGN.md

intercom — references/intercom/DESIGN.md

kraken — references/kraken/DESIGN.md

lamborghini — references/lamborghini/DESIGN.md

linear.app — references/linear.app/DESIGN.md

lovable — references/lovable/DESIGN.md

mastercard — references/mastercard/DESIGN.md

meta — references/meta/DESIGN.md

minimax — references/minimax/DESIGN.md

mintlify — references/mintlify/DESIGN.md

miro — references/miro/DESIGN.md

mistral.ai — references/mistral.ai/DESIGN.md

mongodb — references/mongodb/DESIGN.md

nike — references/nike/DESIGN.md

nintendo-2001 — references/nintendo-2001/DESIGN.md

notion — references/notion/DESIGN.md

nvidia — references/nvidia/DESIGN.md

ollama — references/ollama/DESIGN.md

opencode.ai — references/opencode.ai/DESIGN.md

pinterest — references/pinterest/DESIGN.md

playstation — references/playstation/DESIGN.md

posthog — references/posthog/DESIGN.md

raycast — references/raycast/DESIGN.md

renault — references/renault/DESIGN.md

replicate — references/replicate/DESIGN.md

resend — references/resend/DESIGN.md

revolut — references/revolut/DESIGN.md

runwayml — references/runwayml/DESIGN.md

sanity — references/sanity/DESIGN.md

sentry — references/sentry/DESIGN.md

shopify — references/shopify/DESIGN.md

slack — references/slack/DESIGN.md

spacex — references/spacex/DESIGN.md

spotify — references/spotify/DESIGN.md

starbucks — references/starbucks/DESIGN.md

stripe — references/stripe/DESIGN.md

supabase — references/supabase/DESIGN.md

superhuman — references/superhuman/DESIGN.md

tesla — references/tesla/DESIGN.md

theverge — references/theverge/DESIGN.md

together.ai — references/together.ai/DESIGN.md

uber — references/uber/DESIGN.md

vercel — references/vercel/DESIGN.md

vodafone — references/vodafone/DESIGN.md

voltagent — references/voltagent/DESIGN.md

warp — references/warp/DESIGN.md

webflow — references/webflow/DESIGN.md

wired — references/wired/DESIGN.md

wise — references/wise/DESIGN.md

x.ai — references/x.ai/DESIGN.md

zapier — references/zapier/DESIGN.md

Attribution

Sourced from VoltAgent/awesome-design-md (MIT). Aggregated here for personal agent use; all design analyses remain the work of their original authors.

awesome-design-md

来源信息

安装方式

检查来源文件

同仓库更多 Skills