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 para a instalação

Repositório: caezium/skills
Última atividade na origem: 25 de junho de 2026 às 10:42
Idioma detectado do SKILL.md: inglês
Estrelas: 3
Forks: 0

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

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

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

100 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

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 todas deste repositório

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

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório