Awesome Design Md banner
VoltAgent VoltAgent

Awesome Design Md

Design community
SOURCE https://github.com/VoltAgent/awesome-design-md

Description

A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Installation

Terminal
claude install-skill https://github.com/VoltAgent/awesome-design-md

README

claude-skills

Curated collection of DESIGN.md files inspired by developer focused websites.

[![Awesome](https://awesome.re/badge.svg)](https://awesome.re) ![DESIGN.md Count](https://img.shields.io/badge/DESIGN.md%20count-68-10b981?style=classic) [![Last Update](https://img.shields.io/github/last-commit/VoltAgent/awesome-design-md?label=Last%20update&style=classic)](https://github.com/VoltAgent/awesome-design-md) [![Discord](https://img.shields.io/discord/1361559153780195478.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://s.voltagent.dev/discord)

Awesome DESIGN.md

Copy a DESIGN.md into your project, tell your AI agent "build me a page that looks like this" and get pixel-perfect UI that actually matches.

What is DESIGN.md?

[DESIGN.md](https://stitch.withgoogle.com/docs/design-md/overview/) is a new concept introduced by Google Stitch. A plain-text design system document that AI agents read to generate consistent UI.

It's just a markdown file. No Figma exports, no JSON schemas, no special tooling. Drop it into your project root and any AI coding agent or Google Stitch instantly understands how your UI should look. Markdown is the format LLMs read best, so there's nothing to parse or configure.

File Who reads it What it defines
AGENTS.md Coding agents How to build the project
DESIGN.md Design agents How the project should look and feel

**This repo provides ready-to-use DESIGN.md files** extracted from real websites.

Request a DESIGN.md

You can [request a DESIGN.md](https://getdesign.md/request) for specific website, including private requests delivered excl