develop-design-rationale — скилл для Claude Code: как установить
Скилл помогает оформить обоснование UX-решений, разобрать альтернативы и зафиксировать компромиссы. Пригодится перед защитой дизайна перед стейкхолдерами.
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/develop-design-rationale/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/develop-design-rationale/
1Через Skills CLI (Vercel)
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a codex2Вручную: положить файлы
.agents/skills/develop-design-rationale/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a cursor2Вручную: положить файлы
.cursor/skills/develop-design-rationale/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install product-on-purpose/pm-skills develop-design-rationale2Вручную: положить файлы
.github/skills/develop-design-rationale/SKILL.md1Через Skills CLI (Vercel)
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a gemini-cli2Командой платформы
gemini skills install https://github.com/product-on-purpose/pm-skills --path skills/develop-design-rationaleВручную: положить файлы
.devin/skills/develop-design-rationale/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add product-on-purpose/pm-skills --skill develop-design-rationale -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора68
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о 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