product-on-purpose avatar

Develop Design Rationale

Creates structured documentation for design decisions by walking you through context, alternatives considered, evaluation criteria, and trade-offs. Most useful before design reviews or when making UX choices that need stakeholder buy-in. The template forces you to document why you picked option A over B and C, which sounds tedious until six months later when someone asks why the navigation works that way and you actually have an answer. Works across triple-diamond, lean startup, and design thinking frameworks. The real value is preserving institutional memory so design decisions don't get second-guessed or accidentally undone by people who weren't in the room.

skills.sh installs
793
GitHub stars
794
last updated
Aug 21, 2026

Install

$ npx -y skills add product-on-purpose/pm-skills --skill develop-design-rationale --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Rationale

A design rationale document captures the "why" behind design decisions.the context, constraints, alternatives considered, and reasoning that led to a particular solution. While designs themselves show what was built, rationale documents preserve institutional knowledge about why it was built that way.

When to Use

  • When making significant UX decisions that affect user experience
  • Before design reviews to prepare stakeholder discussions
  • When multiple valid approaches exist and the choice needs justification
  • To onboard new team members to existing design decisions
  • When revisiting past decisions to understand original reasoning
  • During design system evolution to document pattern choices

When NOT to Use

Sponsors

Details

Repository
github.com/product-on-purpose/pm-skills
Category
Design & UI/UX
First seen
Jun 3, 2026

More from product-on-purpose/pm-skills

All 68
1thebushidocollective avataratomic-design-fundamentalsthebushidocollective/hanUse when applying Atomic Design methodology to organize UI components into quarks, atoms, molecules, organisms, templates, and pages. Core principles and hierar780skills.sh installs
2guia-matthieu avatarsound-design-filmguia-matthieu/clawfu-skillsApply Walter Murch's legendary film sound principles to marketing video, creating emotionally resonant audio that audiences feel without consciously noticing. U705skills.sh installs
3aaronontheweb avatarapi-designaaronontheweb/dotnet-skillsDesign stable, compatible public APIs using extend-only design principles. Manage API compatibility, wire compatibility, and versioning for NuGet packages and d690skills.sh installs
4eachlabs avatarvideo-color-gradingeachlabs/skillsApply professional color grading and correction to videos using each::sense AI. Create cinematic looks, film emulations, color corrections, and stylized grades 685skills.sh installs
5aaronontheweb avatartype-design-performanceaaronontheweb/dotnet-skillsDesign .NET types for performance. Seal classes, use readonly structs, prefer static pure functions, avoid premature enumeration, and choose the right collectio684skills.sh installs
6product-on-purpose avatartool-design-sprint-decide-and-storyboardproduct-on-purpose/pm-skillsDay 3 (Wednesday) move of a Design Sprint that runs the art museum layout, heat map, speed critique, straw poll, Decider supervote, rumble-vs-all-in-one decisio666skills.sh installs