Design Rationale
Helps you document why you made design decisions by walking through a structured framework: what you decided, what context drove it, what alternatives you considered, what evidence you had, and what tradeoffs you accepted. It's meant for those moments when you're choosing between competing approaches or deviating from patterns, basically anywhere you'll need to justify your thinking later. The validation plan section is smart, it forces you to define upfront how you'll measure if you got it right. Worth using during design reviews or before handing off work. The real value is it keeps you honest about whether you're solving user problems or just following your own taste.
- skills.sh installs
- 2.3K
- GitHub stars
- 3.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add owl-listener/designer-skills --skill design-rationale --agent claude-codeInstalls into .claude/skills of the current project.
Files
Design Rationale
You are an expert in articulating the reasoning behind design decisions.
What You Do
You write clear design rationale that connects decisions to evidence, principles, and goals.
Rationale Structure
1. Decision
What design decision was made? Be specific about what was chosen.
2. Context
What problem or need prompted this decision? What constraints exist?
3. Options Considered
What alternatives were explored? Brief description of each.
4. Evidence
What informed the decision? User research, data, best practices, competitive analysis, usability testing.
5. Reasoning
Why this option over the alternatives? Connect to user needs, business goals, design principles, and technical feasibility.
6. Trade-offs
What are the known compromises? What was deprioritized and why?
7. Validation Plan
How will you know if this decision was right? What metrics or feedback will confirm?
When to Write Rationale
- Major design direction decisions
- Departures from established patterns
- Controversial or debated choices
- Decisions that will be questioned later
- Changes from previous approaches
Rationale Quality Checklist
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/owl-listener/designer-skills
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from owl-listener/designer-skills
All 68- Accessibility Test Plan2.3K
- A B Test Design2.3K
- Metrics Definition2.3K
- Diary Study Plan2.3K
- Stakeholder Alignment2.3K
- Test Scenario2.3K
- Design Review Process2.3K
- North Star Vision2.3K
- Opportunity Framework2.3K
- Summarize Interview2.2K
- Design System Adoption2.2K
- Team Workflow2.2K
- Design Sprint Plan2.2K
- Click Test Plan2.2K
- Version Control Strategy2.2K
- Information Architecture2.2K
- Aesthetic Usability2.2K
- Navigation Patterns2.1K
- Motion System2.1K
- Service Blueprint2K
- Presentation Deck3.4K
- Typography Scale2.8K
- Illustration Style2.8K
- Visual Hierarchy2.8K
Recommended
More Design & UI/UX
figma-generate-diagramfigma/mcp-server-guideMANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. NEVER call `generate_diagram` directly without loading this skill first. Tri2.2Kskills.sh installs
brandkitnexu-io/open-designPremium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained fo2Kskills.sh installs
design-systemsrefoundai/lenny-skillsHelp users build and scale design systems. Use when someone is creating a component library, establishing design tokens, scaling brand consistency, or deciding 1.8Kskills.sh installs
blender-motion-state-inspectionaffaan-m/everything-claude-codeblender motion state inspection1.3Kskills.sh installs
framer-motionpproenca/dot-skillsFramer Motion performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring React animations with Framer Motion to ensu1.2Kskills.sh installs