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.

Aller à l'installation

Dépôt: caezium/skills
Dernière activité de la source: 25 juin 2026 à 10:42
Langue détectée de SKILL.md: anglais
Étoiles: 3
Forks: 0

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

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

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

100 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

Retour à la recherche Retour à l’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.