Esta página se muestra en inglés. Una traducción al español está en curso.
SkillsMay 12, 2026·2 min de lectura

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.

Listo para agents

Instalación lista para agent

Este activo puede instalarse después de elegir el runtime, revisar el plan y ejecutar el comando correspondiente.

Native · 98/100Política: permitir
Superficie agent
Cualquier agent MCP/CLI
Tipo
Skill
Instalación
Single
Confianza
Confianza: Established
Entrada
Asset
Comando de instalación directa
npx -y tokrepo@latest install 25e593b9-698d-5d92-86aa-40a4b8b5fb81 --target codex

Ejecutar después de confirmar el plan con dry-run.

Introducción

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.

🙏

Fuente y agradecimientos

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

Discusión

Inicia sesión para unirte a la discusión.
Aún no hay comentarios. Sé el primero en compartir tus ideas.

Activos relacionados