Create DESIGN.md

Install and use Create DESIGN.md

1. Install the Skill

   Run the upstream command in your project, then follow the author’s setup guide and any requirements below.

   npx skills add ibelick/ui-skills --skill create-design-md

2. Give your agent a task

   Provide the relevant files, context and constraints. For example:

   Inspect this project or public website and draft a DESIGN.md grounded in observed evidence; validate it.

Acerca de este Skill

Create an evidence-based DESIGN.md from a product repository or a rendered public website.

Por qué lo elegimos

Turns observed design rules into a documented, validated format rather than copying every repeated style.

Para qué sirve

• Give coding agents durable design context for an existing product.

Scope and limitations

For a public URL the output is a reconstructed draft. The existing Extract Design System listing produces starter JSON/CSS tokens; this workflow instead creates and validates a DESIGN.md document.

Alternatives and related workflows

Antes de usarlo

• Requires access to the project or rendered browser evidence and the @google/design.md CLI for lint and export checks.