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.

Über diesen Skill

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

Warum wir es empfehlen

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

Wobei es hilft

• 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

Vor der Nutzung

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