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-design or /theme-factory skills 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):

Installs
4
First Seen
Jul 17, 2026