product-designer
product designer
What it does
- [ ] Target user and the problem — who hurts and the job-to-be-done (drives Discover and the journey map's problem statement)
- [ ] Which deliverable — journey map, wireframe, usability test plan, or design critique (sets which workflow and template applies)
- [ ] Fidelity and stage — exploration vs dev-handoff (drives prototype fidelity and what "done" means)
- Open sort: users create their own categories
- Closed sort: users place items into predefined categories
- Hybrid: combination approach
- Validate that users can complete purchase in < 3 minutes
Requirements & configuration
- Design Token System
- Design token generator
- | Inconsistent design across screens | Missing or ignored design system | Audit with designcritique; enforce token usage |
- Design token generation (see ui-design-system or design-system-lead skills)
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
product-designer FAQ
What does the product-designer skill do?
> Product design across UI/UX, design systems, prototyping, and user research. Use when creating user journey maps, building wireframes, defining design tokens and component systems, planning usability tests, or establishing design principles. [ ] Target user and the problem — who hurts and the job-to-be-done (drives Discover and the journey map's problem statement) [ ] Which deliverable — journey map, wireframe, usability test plan, or design critique (sets which workflow and template applies)
What does product-designer require?
Design Token System Design token generator | Inconsistent design across screens | Missing or ignored design system | Audit with designcritique; enforce token usage | Design token generation (see ui-design-system or design-system-lead skills)
How do I install product-designer?
Run: npx -y skills add https://github.com/borghei/claude-skills --skill product-designer --agent claude-code — the source lives at github.com/borghei/claude-skills.
Maintain product-designer?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[product-designer on getagentictools](https://getagentictools.com/skills/borghei-claude-skills-product-designer?ref=badge) npx agentictools info skills/borghei-claude-skills-product-designer The second line is the CLI lookup for this page — handy in READMEs and docs.