网有NETHAVE
AGENT SKILL

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.

适用职业设计师
使用场景视觉设计
License 许可
MIT
所属仓库
caezium/skills
最近更新
2026-08-24
Stars
★ 3
Forks
0

01 前言 Front Matter

name
awesome-design-md
description
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.

02 资源文件 147

03 SKILL.md 正文

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

  1. Pick the brand whose aesthetic fits the brief (see the index below).
  2. Read references/<brand>/DESIGN.md from this skill — it contains the full token set and rules.
  3. 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.

04 同仓库更多 Skills

caezium
caezium/skills

writing-for-agents

Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.

内容创作者写作与文案
★ 3
caezium
caezium/skills

wrangler

Cloudflare Workers CLI for deploying, developing, and managing Workers, KV, R2, D1, Vectorize, Hyperdrive, Workers AI, Containers, Queues, Workflows, Pipelines, and Secrets Store. Load before running wrangler commands to ensure correct syntax and best practices. Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

后端与接口
★ 3
caezium
caezium/skills

workers-best-practices

Reviews and authors Cloudflare Workers code against production best practices. Load when writing new Workers, reviewing Worker code, configuring wrangler.jsonc, or checking for common Workers anti-patterns (streaming, floating promises, global state, secrets, bindings, observability). Biases towards retrieval from Cloudflare docs over pre-trained knowledge.

★ 3
caezium
caezium/skills

wizard

Generate an interactive bash wizard that walks a human through steps only they can perform. Use when provisioning infrastructure, setting up credentials or CI secrets, walking an unfamiliar third-party dashboard, or running a one-off migration or cutover. Don't invoke this for steps the agent can perform itself.

★ 3
caezium
caezium/skills

why

Use for 'why does X work this way', 'why we picked Y', design rationale, regressions, postmortems, or data-backed thresholds. Discovers available evidence sources, searches each relevant category, and returns a cited read on decisions and tradeoffs. Use how for runtime behavior.

★ 3
caezium
caezium/skills

week-prep

Generate a briefing with calendar, tasks, and attention flags. Use for "week prep", "briefing", or "what's on this week".

Skill与智能体开发
★ 3