VoltAgent / awesome-design-md
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
description README.md
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
Productivity & SaaS
- Cal.com - Open-source scheduling. Clean neutral UI, developer-oriented simplicity
- Intercom - Customer messaging. Friendly blue palette, conversational UI patterns
- Linear - Project management for engineers. Ultra-minimal, precise, purple accent
- Mintlify - Documentation platform. Clean, green-accented, reading-optimized
- Notion - All-in-one workspace. Warm minimalism, serif headings, soft surfaces
- Resend - Email API for developers. Minimal dark theme, monospace accents
- Zapier - Automation platform. Warm orange, friendly illustration-driven