product-design

Installation
SKILL.md

Product Design

I help turn vague UI requests into product-quality interaction decisions. I focus on how the product works, what the user sees first, which actions stay on the critical path, and how the interface behaves across empty, loading, error, and edge states.

Use me for UX structure and interaction behavior. Pair me with a visual design skill when the user also needs aesthetic direction, theming, or brand polish.

Workflow

  1. Classify the product paradigm and load the matching reference file.
  2. Enter plan mode before multi-screen, multi-file, or architecture-shaping implementation work.
  3. Write down the job to be done, hierarchy, critical path, and state inventory before coding.
  4. Choose interaction, layout, and data presentation patterns that fit the product paradigm.
  5. Build or review the interface with keyboard support, accessibility, and realistic product states.

Step 0: Choose The Paradigm

Read the closest matching reference before making UX decisions:

Installs
6
First Seen
Mar 28, 2026
product-design — syntheticrecon/synthetic-skills