Get the FREE Ultimate OpenClaw Setup Guide →

Develop Design Rationale

Scanned
npx machina-cli add skill product-on-purpose/pm-skills/develop-design-rationale --openclaw
Files (1)
SKILL.md
3.3 KB
<!-- PM-Skills | https://github.com/product-on-purpose/pm-skills | Apache 2.0 -->

name: develop-design-rationale description: Documents the reasoning behind design decisions including alternatives considered, trade-offs evaluated, and principles applied. Use when making significant UX decisions, aligning with stakeholders on design direction, or preserving design context for future reference. phase: develop version: "2.0.0" updated: 2026-01-26 license: Apache-2.0 metadata: category: specification frameworks: [triple-diamond, lean-startup, design-thinking] author: product-on-purpose

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

Instructions

When asked to document design rationale, follow these steps:

  1. State the Decision Begin with a clear, one-sentence summary of what design decision was made. This becomes the title and reference point for the document.

  2. Describe the Context Explain the situation that prompted this decision. What problem were you solving? What constraints existed? What user needs informed the direction? Include relevant research findings.

  3. List Options Considered Document at least 2-3 alternatives that were evaluated. For each option, describe what it would look like and its key characteristics. Be fair to all options—avoid strawmen.

  4. Define Evaluation Criteria Specify how options were assessed: usability heuristics, technical feasibility, brand alignment, user research findings, business requirements, or design principles.

  5. Explain the Reasoning Walk through why the chosen option best meets the criteria. Be explicit about trade-offs—what you gained and what you sacrificed. Acknowledge where the decision is reversible vs. irreversible.

  6. Document Trade-offs Accepted Every design decision involves trade-offs. Name what you gave up and why it was acceptable. This honesty helps future teams understand constraints.

  7. Note Follow-up Considerations Capture anything that needs attention later: metrics to watch, conditions that might warrant revisiting the decision, or related decisions to make.

Output Format

Use the template in references/TEMPLATE.md to structure the output.

Quality Checklist

Before finalizing, verify:

  • Decision is clearly stated in one sentence
  • Context explains the "why now" and constraints
  • Multiple alternatives are documented fairly
  • Evaluation criteria are explicit
  • Reasoning addresses why chosen option beats alternatives
  • Trade-offs are honestly acknowledged
  • Document is useful to someone inheriting this design

Examples

See references/EXAMPLE.md for a completed example.

Source

git clone https://github.com/product-on-purpose/pm-skills/blob/main/skills/develop-design-rationale/SKILL.mdView on GitHub

Overview

A design rationale documents the 'why' behind UX decisions—the context, constraints, alternatives, and reasoning. It preserves institutional knowledge, aligns stakeholders, and helps future teams understand the design direction when revisiting or evolving systems.

How This Skill Works

Follow a structured process: state the decision, describe the context, list options, define evaluation criteria, explain the reasoning, and document trade-offs. The rationale is captured in a repeatable template to guide reviews, onboarding, and future design-system evolution.

When to Use It

  • When making significant UX decisions that affect user experience
  • Before design reviews to prepare stakeholder discussions
  • When multiple valid approaches exist and you need justification
  • To onboard new team members to existing design decisions
  • When revisiting past decisions to understand original reasoning

Quick Start

  1. Step 1: State the Decision in a clear, one-sentence title
  2. Step 2: Describe the Context and Constraints informing the choice
  3. Step 3: List Options, Criteria, and the Chosen Reasoning

Best Practices

  • State the decision in one sentence to anchor the document
  • Describe the context, constraints, and user needs driving the choice
  • Document at least 2-3 fair alternatives with clear characteristics
  • Define explicit evaluation criteria (usability, feasibility, brand alignment)
  • Be explicit about trade-offs, reversibility, and follow-up steps

Example Use Cases

  • Rationale for a mobile navigation redesign
  • Justifying a color system change across a design system
  • Choosing a checkout flow after comparing versions A/B
  • Documenting rationale for accessibility feature decisions
  • Rationale behind introducing new design tokens for spacing

Frequently Asked Questions

Add this skill to your agents
Sponsor this space

Reach thousands of developers