product-design
Installation
SKILL.md
Product Design
Decide what the interface should do, then route who builds and verifies it: pick the right interaction, make scope and consequence clear, cover reality beyond the happy path. This skill owns the decision; it routes the build, verification, and copy out (ownership map in Related skills).
- IS: the decision layer. From a brief, spec, mockup, intent, or existing UI: choose the right interaction and control, name the object, scope, and consequence of actions, enumerate every reachable state, set resilience expectations, require accessibility as task completion. It decides, then routes build and verification out.
- IS NOT:
- building or styling UI, visual direction, palettes, type: use
ui-design. - auditing the built result (rendered quality, a11y markup, keyboard, layout, performance, type surface, React/Next code-level UX with a ship verdict): use
ui-audit. - copy wording, persuasion, or AI-ism removal: use
copywriting. - deep typography or motion: use
typography-auditorui-animation.
- building or styling UI, visual direction, palettes, type: use
product-design or ui-audit?
Dispatch on the artifact, not the topic. Both care about states and interaction; they act at different moments.
| You have... | The question is | Use |
|---|---|---|
| A brief, spec, mockup, intent, or a UI you decide about | What should exist: the right interaction, the action's name, which states should be reachable | product-design |
| Code, a diff, or a running UI you decide on | Is the built result right: states covered, accessible, renders and behaves correctly, ready to ship | ui-audit |