К основному содержанию
скилл CX Codex

develop-design-rationale — скилл для Claude Code: как установить

Скилл помогает оформить обоснование UX-решений, разобрать альтернативы и зафиксировать компромиссы. Пригодится перед защитой дизайна перед стейкхолдерами.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a claude-code
Открыть на GitHub

Что делает develop-design-rationale

Скилл структурирует процесс фиксации проектных решений в дизайне интерфейсов. Он помогает сохранить контекст: почему выбран именно такой вариант, какие ограничения существовали и от чего команда сознательно отказалась. Документ формируется по шаблону из references/TEMPLATE.md и включает формулировку решения, контекст, критерии оценки и историю изменений.

Работа строится по семи шагам. Сначала агент формулирует суть решения в одном предложении. Затем описывает контекст и минимум две или три альтернативы. После этого сопоставляет варианты по заданным критериям, объясняет выбор и отмечает обратимость решения.

Для мелких правок инструмент создаёт лишнюю бюрократию: незначительные детали проще оставить в тикете или пулл-реквесте. Архитектурные и технические решения этот скилл тоже не документирует — для них автор рекомендует использовать develop-adr.

Какие задачи решает

  • зафиксировать обоснование UX-выбора для дизайн-ревью
  • сравнить две-три альтернативы интерфейса по чётким критериям
  • записать принятые компромиссы и ограничения проекта
  • сохранить историю дизайн-решений для онбординга новых коллег

Примеры запросов агенту

  • Оформи design rationale для нового экрана оформления заказа, сравнив модальное окно и отдельную страницу
  • Задокументируй выбор паттерна навигации в дизайн-системе с помощью develop-design-rationale

Как установить develop-design-rationale

1Через Skills CLI (Vercel)

npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a claude-code

2Вручную: положить файлы

~/.claude/skills/develop-design-rationale/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/develop-design-rationale/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Из того же набора68

measure-dashboard-requirements Помогает составить требования к дашборду: фиксирует бизнес-вопросы, формулы метрик, срезы и источники данных. Пригодится при постановке задач аналитикам. CX Codex +1 756установок measure-experiment-design Собирает документ с параметрами эксперимента: варианты, метрики, размер выборки и срок. Нужен, когда гипотеза уже сформулирована, а тест ещё не запущен. CX Codex +1 754установок deliver-release-notes Превращает список изменений в релиз-ноты, которые читают пользователи: что нового, что улучшили, что починили. CX Codex +1 751установок foundation-persona Собирает персону покупателя или пользователя по шаблону v2.5: с метками уверенности, списком допущений и открытыми вопросами. Пригодится перед PRD, запуском и спорами о приоритетах. CX Codex +1 745установок measure-instrumentation-spec Скилл описывает, какие события аналитики трекать, когда они срабатывают и какие свойства несут. Пригодится до старта разработки фичи. CX Codex +1 744установок measure-experiment-results Оформляет результаты завершённого эксперимента или A/B-теста: статистика, выводы по сегментам и рекомендация ship, iterate или kill. CX Codex +1 742установок iterate-retrospective Скилл помогает провести командную ретроспективу, разобрать успехи и сбои спринта, а затем зафиксировать задачи с дедлайнами и ответственными. CX Codex +1 741установок utility-mermaid-diagrams Помогает создавать корректные диаграммы Mermaid для PRD и технических спецификаций, подбирая подходящий тип из 15 вариантов и проверяя синтаксис. CX Codex +1 736установок

Похожие

design-rationale Owl-Listener Помогает написать письменное обоснование дизайн-решения: что выбрали, почему и какие были альтернативы. Пригодится перед ревью или хендоффом. CX Codex +1 2 100установок design-negotiation Owl-Listener Помогает дизайнерам защищать качество интерфейса, сроки и состав задач в спорах с менеджерами и разработчиками через факты и поиск компромиссов. CX Codex +1 1 700установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». CX Codex +1 3 400установок intent ghaida Входная точка системы Intent: собирает контекст проекта, разводит работу по специализированным скиллам и подгружает базу по UX-проектированию. CX Codex +1 2 700установок layers-intro jamiemill Задаёт фреймворк Layers of Product Design для сессий продуктового дизайна. Скилл загружают первым, чтобы передать контекст остальным навыкам линейки layers. CX Codex +1 2 000установок create-specification официальный github Скилл создаёт Markdown-спецификацию решения с требованиями, ограничениями и интерфейсами. Пригодится, когда документ должен быть понятен ИИ-агенту. 13 537установок

Рядом в теме «Дизайн»

Всё по теме «Дизайн» →

Вопросы о develop-design-rationale

Как установить develop-design-rationale в Claude Code?

Выполните команду npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a claude-code. Агент получит доступ к инструкциям скилла.

Что делает develop-design-rationale?

Скилл генерирует документ с обоснованием дизайн-решения по структуре из references/TEMPLATE.md. В отчёт входят контекст проблемы, рассмотренные альтернативы, критерии оценки и принятые компромиссы.

Когда этот скилл использовать не стоит?

Его не применяют для выбора технологий или архитектуры — для этого есть develop-adr. Также скилл не нужен для легко обратимых правок с низкими рисками, чтобы не тратить время на лишнюю бюрократию.

Исходный текст

SKILL.md · 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.
license: Apache-2.0
metadata:
  phase: develop
  version: "2.1.0"
  updated: 2026-06-10
  category: specification
  frameworks: [triple-diamond, lean-startup, design-thinking]
  author: product-on-purpose
---
<!-- PM-Skills | https://github.com/product-on-purpose/pm-skills | Apache 2.0 -->
# 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

- The decision is architectural or a technology selection -> use `develop-adr` (Nygard format)
- You need stakeholder alignment on the overall solution direction -> use `develop-solution-brief`
- You are documenting exploration findings rather than a decision -> use `develop-spike-summary`
- The decision is trivially reversible and low-stakes: a rationale document adds ceremony; record the reasoning in the PR or ticket instead

## 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. A complete rationale fills every template section: Decision Summary; Context; Options Considered; Evaluation; Decision Rationale; Trade-offs Accepted; Reversibility; Follow-up Considerations; Supporting Materials; and Decision History.

## 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
- [ ] A reader who inherits this design can reconstruct why the chosen option won without asking anyone

## Examples

See `references/EXAMPLE.md` for a completed example.

© product-on-purpose · Apache-2.0 · product-on-purpose/pm-skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой