Ready-to-use DESIGN.md files for AI tools like Google Stitch, Claude Code, and Cursor. Designer-first. Rationale included with every decision. No gate. Just take them.
What is this
A DESIGN.md file tells an AI coding tool how your product should look and feel before it generates a single screen. Colour tokens, typography rules, component patterns — all in plain text that any AI tool can read.
Most DESIGN.md libraries are built for developers. This one is built for designers. Every file includes the rationale behind the decisions. Because a list of hex codes without context is just a list of hex codes.
Works with Google Stitch, Claude Code, Cursor, and Windsurf. Open source. Free forever.
The library — 3 files live now
Dark Tech Sharp
SaaS dashboards, developer tools, AI products. When the work is the UI.
Bold Editorial Motion
Community platforms, cultural brands, membership clubs, sport and lifestyle.
Textured Expressive
Creative portfolios, agencies, personal brands. For people with a strong point of view.
Curated references
Not invented. Studied. Every DESIGN.md is based on a site that already works — extracted, named, and explained so you understand the why, not just the what.
Cursor.com → Dark Tech Sharp
Champions4Good → Bold Editorial
DesignByBrandin → Textured Expressive
Files live now
Files at launch
Paywalls. Ever.
Most DESIGN.md libraries
are built for developers.
This one is
built for designers.
— Murat Bayral, 02UI
New files every two weeks
Drop your email. I'll send new DESIGN.md files directly to you. No pitch, no course ad. Just the files.