SkillsMay 12, 2026·2 min read

Awesome DESIGN.md — UI Specs for Coding Agents

Awesome DESIGN.md is a curated set of design-system docs; copy one into your repo so coding agents generate UI that matches a real style.

AI Open Source
AI Open Source · Community
Agent ready

Ready-to-run agent install

This asset can be installed after the agent chooses its runtime, checks the plan, and runs the matching command.

Native · 98/100Policy: allow
Agent surface
Any MCP/CLI agent
Kind
Skill
Install
Single
Trust
Trust: Established
Entrypoint
Asset
Direct install command
npx -y tokrepo@latest install 25e593b9-698d-5d92-86aa-40a4b8b5fb81 --target codex

Run after dry-run confirms the install plan.

Intro

Awesome DESIGN.md is a curated set of design-system docs; copy one into your repo so coding agents generate UI that matches a real style.

  • Best for: Teams using AI to generate consistent UIs quickly
  • Works with: Google Stitch DESIGN.md format; any coding agent that reads repo files
  • Setup time: 2–10 minutes

Practical Notes

  • GitHub: 76,330 stars · 9,272 forks; pushed 2026-05-11 (verified via GitHub API).
  • README says this repo includes a curated collection of DESIGN.md files extracted from real websites.
  • README usage is simple: copy a site’s DESIGN.md into your project root and instruct your agent to use it.

Main

A reliable workflow:

  1. Pick a DESIGN.md that matches your target vibe (SaaS dashboard, docs site, consumer app).
  2. Copy it into the repo root and keep it versioned.
  3. When asking the agent to build UI, include constraints like “no new colors outside DESIGN.md” and “reuse components”.

When the output looks off, don’t “prompt harder”—edit the DESIGN.md tokens and regenerate. This keeps style changes systematic and reviewable.

FAQ

Q: Is DESIGN.md a standard? A: README points to Google Stitch docs; it’s a plain-text design system file meant for agents.

Q: Do I need to use Stitch? A: No—the file is plain text; any agent that can read repo files can follow it.

Q: Is this a license risk? A: The repo is MIT; still treat brand-specific styles carefully and avoid implying affiliation with the referenced sites.

🙏

Source & Thanks

Source: https://github.com/VoltAgent/awesome-design-md > License: MIT > GitHub stars: 76,330 · forks: 9,272

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets

AGENTS.md — Open Format for Coding Agent Instructions

AGENTS.md defines a predictable instruction file for coding agents: dev env tips, tests, PR rules, and repo context. Drop it at repo root.

Skills
Prompt Lab

design-md-figma — Generate DESIGN.md from Figma Styles

design-md-figma is a Figma plugin that extracts local styles and generates editable DESIGN.md/SKILL.md so agents build UIs consistently.

Skills
Skill Factory

Ant Design — Enterprise-Class React UI Library

Ant Design is an enterprise-class UI design language and React component library created by Alibaba. 60+ production-ready components with comprehensive patterns, internationalization for 30+ languages, and a rich theme system. The go-to choice for admin dashboards.

Skills
AI Open Source

Ant Design Mobile — Essential UI Blocks for Mobile Web Apps

A mobile-first React component library from the Ant Design ecosystem, providing high-quality UI components optimized for touch interaction and mobile performance.

Skills
AI Open Source
◈Home🔍Search👤Me