# designmd.app

> An open reference library of DESIGN.md files — a Markdown design system format created for AI agents to maintain consistent visual context across prompts.

designmd.app is an open reference library hosting 423 documented DESIGN.md files, a Markdown-based design system format purpose-built for AI coding agents. Without a persistent design reference, AI agents like Claude Code, Cursor, Kiro, Windsurf, Cline, and Google Stitch generate components with inconsistent visual decisions across prompts. DESIGN.md solves this by embedding the entire design system directly into the agent's context window, ensuring visual consistency throughout a project.

Each DESIGN.md follows a canonical eight-section structure with YAML front matter (design tokens for colors, typography, spacing, rounded corners) plus Markdown prose covering rationale and constraints. The agent reads the full file before generating any component, so output stays on-brand without per-prompt re-specification.

The site lets any developer find, copy, and use a structured DESIGN.md in seconds — no need to create one from scratch.

- **DESIGN.md Format** — *A structured Markdown design system file that fits inside an AI agent's context window, providing persistent visual reference across all generated components.*
- **Open Library** — *Browse and copy from 423 documented DESIGN.md files covering a wide range of design systems and styles, from Swiss minimalism to cyber-tribal and Art Nouveau.*
- **AI Agent Compatibility** — *Files are ready for immediate use with Claude Code, Cursor, Kiro, Windsurf, Cline, and Google Stitch, with dedicated setup guides for each.*
- **Instant Adoption** — *Copy a DESIGN.md file into your repository and your AI agent immediately gains consistent design context without additional configuration.*
- **No Account Required** — *Access and copy any DESIGN.md file directly from the library without signing up.*
- **Open Source Reference** — *The underlying repository is publicly available on GitLab, and the site is actively maintained alongside skill.dev.br for AI agent skill modules.*

## Features
- Open library of 423 DESIGN.md files
- Markdown design system format for AI agents
- YAML front matter with design tokens plus Markdown rationale
- Compatible with Claude Code, Cursor, Kiro, Windsurf, Cline, and Google Stitch
- Dedicated setup guides for each supported agent
- Copy-ready files for instant repository use
- No account required
- Persistent visual context for AI-generated components

## Integrations
Claude Code, Cursor, Kiro, Windsurf, Cline, Google Stitch

## Platforms
WEB

## Pricing
Free

## Links
- Website: https://designmd.app/
- Documentation: https://designmd.app/en/what-is-design-md
- Repository: https://gitlab.com/fabriciotelles/vibe-styles
- EveryDev.ai: https://www.everydev.ai/tools/designmd-app