Cette page est affichée en anglais. Une traduction française est en cours.
ConfigsMay 12, 2026·2 min de lecture

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
Prêt pour agents

Cet actif peut être lu et installé directement par les agents

TokRepo expose une commande CLI universelle, un contrat d'installation, le metadata JSON, un plan selon l'adaptateur et le contenu raw pour aider les agents à juger l'adaptation, le risque et les prochaines actions.

Native · 96/100Policy : autoriser
Surface agent
Tout agent MCP/CLI
Type
Prompt
Installation
Manual
Confiance
Confiance : Established
Point d'entrée
copy DESIGN.md into your project root
Commande CLI universelle
npx tokrepo install 25e593b9-698d-5d92-86aa-40a4b8b5fb81
contrat d'installationJSON metadataplan adaptateurcontenu raw
Introduction

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 et remerciements

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

Fil de discussion

Connectez-vous pour rejoindre la discussion.
Aucun commentaire pour l'instant. Soyez le premier à partager votre avis.

Actifs similaires

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.

Configs
Prompt Lab

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.

Configs
AI Open Source

Awesome Design MD JP — DESIGN.md for Japanese UI

Curated Japanese `DESIGN.md` collection (183 sites) to help AI agents generate correct JP typography and UI specs; verified 671★, pushed 2026-05-14.

Knowledge
Prompt Lab

Figma Context MCP — Design-to-Code for AI Agents

MCP server that gives AI coding agents access to Figma design context. Provides layout, styles, and component info so agents like Cursor and Claude Code can generate pixel-perfect code. 14K+ stars.

MCP Configs
MCP Hub
◈Accueil🔍Rechercher👤Moi