Claude Code product-principles for hierarchy and action feedback
Review UI priority, grouping, feedback and progressive disclosure so the product communicates state and next actions.
中文Install in Claude Code
Use Claude Code with the product task, existing screen or wireframe, and relevant platform conventions.
- Review `.claude/skills/product-principles/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/product-principles/` in your project and save the reviewed file as `.claude/skills/product-principles/SKILL.md`.
- Start Claude Code from that project's root, then select `/product-principles` in the slash menu.
Example task
Product product-28 confirms a library reservation. “Reservation saved” is primary; room and time are secondary, and editing must remain discoverable.What to check
Record {primary: 'Reservation saved', secondary: 'room and time', nextAction: 'Edit reservation'}. Check that confirmation, details, and editing appear in the intended priority.
Original SKILL.md on GitHub · Updated
Frequently asked question
Which information should use progressive disclosure?
Show what people need to act first, while leaving rare settings and supplementary details discoverable at a later level.