Curated collection of DESIGN.md analysis by developer focused websites.
Awesome DESIGN.md
Copy a DESIGN.md into your project, tell your AI agent “build me a page that looks like this,” and generate high-quality UI that stays visually consistent with the design language.
Built with real design depth — including analyzed patterns, tokens, and rules — for high-quality UI generation, not surface-level outputs.
What is DESIGN.md?
DESIGN.md is a new concept introduced by Google Stitch. A plain-text design system document that AI agents read to generate consistent UI.
It’s just a markdown file. No Figma exports, no JSON schemas, no special tooling. Drop it into your project root and any AI coding agent or Google Stitch instantly understands how your UI should look. Markdown is the format LLMs read best, so there’s nothing to parse or configure.
File
Who reads it
What it defines
AGENTS.md
Coding agents
How to build the project
DESIGN.md
Design agents
How the project should look and feel
This repo provides ready-to-use DESIGN.md files extracted from real websites.
Request a DESIGN.md
You can request a DESIGN.md for specific website, including private requests delivered exclusively to you.
AI Design + Build Ecosystem Tools
👉 Feature your product alongside the developers, designers, and vibecoders shipping UI with AI coding agents and web builders.
Ranked #150 globally on GitHub. A community resource used by developers, designers, and vibecoders.
Collection
AI & LLM Platforms
Claude - Anthropic’s AI assistant. Warm terracotta accent, clean editorial layout
Cohere - Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic
ElevenLabs - AI voice platform. Dark cinematic UI, audio-waveform aesthetics
Minimax - AI model provider. Bold dark interface with neon accents
Mistral AI - Open-weight LLM provider. French-engineered minimalism, purple-toned
Ollama - Run LLMs locally. Terminal-first, monochrome simplicity
OpenCode AI - AI coding platform. Developer-centric dark theme
Replicate - Run ML models via API. Clean white canvas, code-forward
Runway - AI creative-tools platform with an editorial film-festival aesthetic — cinematic dark heroes, paper-white reading bands, single proprietary sans, and pure black pill CTAs.
Together AI - Open-source AI infrastructure. Technical, blueprint-style design
VoltAgent - AI agent framework. Void-black canvas, emerald accent, terminal-native
xAI - Elon Musk’s AI lab. Stark monochrome, futuristic minimalism
Developer Tools & IDEs
Cursor - AI-first code editor. Sleek dark interface, gradient accents
Expo - React Native platform. Dark theme, tight letter-spacing, code-centric
Lovable - AI full-stack builder. Playful gradients, friendly dev aesthetic
Raycast - Productivity launcher. Sleek dark chrome, vibrant gradient accents
Superhuman - Fast email client. Premium dark UI, keyboard-first, purple glow
Vercel - Frontend deployment platform. Black and white precision, Geist font
Warp - Modern terminal. Dark IDE-like interface, block-based command UI
Backend, Database & DevOps
ClickHouse - Fast analytics database. Yellow-accented, technical documentation style
Composio - Tool integration platform. Modern dark with colorful integration icons
HashiCorp - Infrastructure automation. Enterprise-clean, black and white
MongoDB - Document database. Green leaf branding, developer documentation focus
PostHog - Product analytics. Playful hedgehog branding, developer-friendly dark UI
Sanity - Headless content platform with a dark-first editorial marketing surface — 112px display type, IBM Plex Mono technical eyebrows, and a single coral-red accent reserved for the highest-priority CTA.
Sentry - Error monitoring. Dark dashboard, data-dense, pink-purple accent
Supabase - Open-source Firebase alternative. Dark emerald theme, code-first
Renault - French automotive. Vivid aurora gradients, NouvelR proprietary typeface, zero-radius buttons
Tesla - Electric vehicles. Radical subtraction, cinematic full-viewport photography, Universal Sans
Retro Web · DESIGN.md Nostalgia
A Saturday series — DESIGN.md files extracted from the web of the 1990s. Drop one in and tell your AI agent to build a period-accurate vintage UI.
Dell (1996) - Catalog-era enterprise web. Literal black page frame, flat color-block “ribbon cards”, chunky Helvetica-Black titles over Times Roman body, and hand-cut GIF stickers (NEW! bursts, award seals, beveled product photos).
Nintendo.com (2001) - Y2K “console chrome” web. Brushed-periwinkle beveled metal panels, a halftone-dotted carbon nav glowing amber, outlined Arial-Black box-art wordmarks over circuit-board hero fields, and a pixel Mario welcome bubble.
This repository is a curated collection of design system documents extracted from public websites. All DESIGN.md files are provided “as is” without warranty. The extracted design tokens represent publicly visible CSS values. We do not claim ownership of any site’s visual identity. These documents exist to help AI agents generate consistent UI.
