awesome-design-md
Installation
SKILL.md
Awesome DESIGN.md — Brand Design Systems for AI Agents
A curated library of 58 DESIGN.md files extracted from real production websites. Each file contains the complete design system specification: colors, typography, spacing, components, shadows, animations, and layout patterns.
Drop a DESIGN.md into your project root and tell Claude "build me a page that looks like this" for pixel-perfect, brand-consistent UI.
When to Activate
- User asks to build a page/component "in the style of" a known brand (Vercel, Stripe, Linear, etc.)
- User wants a specific design language for their frontend
- User references a brand's visual identity as inspiration
- Pairing with
/frontend-designor/theme-factoryskills for styled output - Building landing pages, dashboards, or marketing sites that need a polished, non-generic look
How to Use
1. Pick a Brand
Available DESIGN.md files (58 brands):