# DesignMD Directory

> Curated directory of DESIGN.md files for AI coding agents.

## What is DESIGN.md
DESIGN.md is a Markdown design-system file for AI coding agents. It combines design tokens, component rules, typography, spacing, color roles, and human-readable design rationale so tools like Cursor, Claude Code, Codex, Google Stitch, Kiro, and Windsurf can generate more consistent UI.

## Site sections
- https://designmd.directory/ - Homepage: featured DESIGN.md entries and catalog highlights
- https://designmd.directory/discover - Browse DESIGN.md files by product, brand, tag, and use case
- https://designmd.directory/templates - Starter templates and reusable DESIGN.md examples
- https://designmd.directory/examples - Curated DESIGN.md examples and starting points
- https://designmd.directory/for/cursor - DESIGN.md workflow for Cursor
- https://designmd.directory/for/claude-code - DESIGN.md workflow for Claude Code
- https://designmd.directory/for/codex - DESIGN.md workflow for Codex
- https://designmd.directory/templates/tailwind - Tailwind DESIGN.md template entry point
- https://designmd.directory/templates/shadcn - shadcn/ui DESIGN.md template entry point
- https://designmd.directory/brands/stripe-design-md - Stripe-inspired DESIGN.md reference for AI agents
- https://designmd.directory/brands/linear-design-md - Linear-inspired DESIGN.md reference for AI agents
- https://designmd.directory/tools - Tools and workflows for using DESIGN.md with AI agents
- https://designmd.directory/learn/what-is-design-md - Explanation of the DESIGN.md format
- https://designmd.directory/learn/design-md-for-cursor - How to use DESIGN.md with Cursor
- https://designmd.directory/learn/design-md-for-claude-code - How to use DESIGN.md with Claude Code
- https://designmd.directory/learn/design-md-for-codex - How to use DESIGN.md with Codex
- https://designmd.directory/changelog - Product updates and shipping notes

## Key entities
- Product: DesignMD Directory
- Format: DESIGN.md
- Audience: designers, founders, frontend developers, AI coding agent users
- Compatible agents: Cursor, Claude Code, Codex, Google Stitch, Kiro, Windsurf, Lovable, Bolt, v0
- Official reference: https://github.com/google-labs-code/design.md

## Use this site for
- Finding examples of DESIGN.md files inspired by real products and brands
- Giving UI style instructions to AI coding agents
- Comparing design tokens, typography, color systems, and component patterns
- Learning how to write better DESIGN.md files
- Copying starter templates for Tailwind, shadcn, and custom design systems

## Extended documentation
- https://designmd.directory/llms-full.txt