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-audit or ui-animation.

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
Installs
3
GitHub Stars
6
First Seen
Aug 19, 2026
product-design — hk-hub/agentskills