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.

Ir a la instalación

Repositorio: caezium/skills
Última actividad en el origen: 25 de junio de 2026 a las 10:42
Idioma detectado de SKILL.md: inglés
Estrellas: 3
Forks: 0

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

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

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos

100 archivos

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

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

Ver todos los de este repositorio

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

Datos de origen

Opciones de instalación

Revisa los archivos de origen

Más de este repositorio