Install and use Create DESIGN.md
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-mdGive 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.
このスキルについて
Create an evidence-based DESIGN.md from a product repository or a rendered public website.
おすすめする理由
Turns observed design rules into a documented, validated format rather than copying every repeated style.
役立つこと
- 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
Extract Design System: JSON and CSS tokens
Both study existing design evidence. Create DESIGN.md documents and validates design guidance; Extract Design System produces starter JSON and CSS tokens from a public website.
使う前に
- Requires access to the project or rendered browser evidence and the @google/design.md CLI for lint and export checks.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。