---
title: "designmd.app — Open reference of DESIGN.md files"
description: "Open reference of documented DESIGN.md files for AI coding agents"
canonical: "https://designmd.app/"
last-updated: 2026-10-02
---

# designmd.app

> Open reference of documented DESIGN.md files for AI coding agents.

## Site Summary

designmd.app is an open-source reference library of DESIGN.md files — a Markdown format with YAML front matter that combines machine-readable design tokens (colors, typography, spacing, rounded, components) with human-readable design rationale prose. The format is maintained by Google and introduced by Google Stitch in March 2026. AI agents read the file from the project root and apply visual rules consistently across all generated UI.

## Main Sections

- https://designmd.app/library — Collection of documented DESIGN.md files by vertical and style, ready to copy
- https://designmd.app/brands — Real brand DESIGN.md files extracted from public sources (Nubank, iFood, Santander, Itaú, Stripe, Apple, etc.)
- https://designmd.app/what-is-design-md — Complete technical reference on the format and official specification
- https://designmd.app/integrations — DESIGN.md integrations for AI agents: Claude Code, Cursor, Kiro, Windsurf, Google Stitch
- https://designmd.app/guides — Agent-specific setup guides with step-by-step configuration
- https://designmd.app/for — DESIGN.md patterns by industry vertical (SaaS, e-commerce, fintech, etc.)
- https://designmd.app/blog — Technical articles on DESIGN.md, design systems for AI, vibe coding
- https://designmd.app/skills — AI agent skills (SKILL.md modules) by ft.ia.br
- https://designmd.app/developers — API documentation, quickstart, authentication and sandbox
- https://designmd.app/faq — Frequently asked questions about DESIGN.md
- https://designmd.app/about — Who maintains the project and how to contribute
- https://designmd.app/contact — Get in touch with the team

## Key Information for AI Agents

- **Format**: Markdown + YAML front matter (machine-readable tokens)
- **Sections**: Overview, Colors, Typography, Layout, Elevation & Depth, Shapes, Components, Do's and Don'ts
- **Token types**: Color (#hex sRGB), Dimension (px/em/rem), Typography (object), Token Reference ({path.to.token})
- **Validation**: npx @google/design.md lint
- **Export**: Converts to Tailwind theme config and DTCG tokens.json (W3C)
- **Compatibility**: Any agent that reads project files (Claude Code, Cursor, Kiro, Windsurf, Stitch)
- **Purpose**: Persistent visual context that prevents inconsistent AI-generated UI

## Related Resources

- github.com/google-labs-code/design.md — Official specification
- skill.dev.br — AI agent skills marketplace
- ft.ia.br — Author

## Extended Documentation

- https://designmd.app/llms.txt — Full site summary for LLMs
- https://designmd.app/llms-full.txt — Complete version with full library catalog