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.

Jump to install

Repository: caezium/skills
Last source activity: June 25, 2026 at 10:42
Detected SKILL.md language: English
Stars: 3
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

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

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

100 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

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.