design-impact-reporting — скилл для Claude Code: отчёт о влиянии
Помогает связать работу дизайна с метриками продукта и бизнеса и рассказать об этом языком стейкхолдеров.
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a claude-codeЧто делает design-impact-reporting
Скилл ведёт агента по структуре отчёта о влиянии дизайна: контекст проблемы, что именно сделал дизайн, какие метрики изменились и что это значит в деньгах, издержках или рисках. Внутри — три уровня метрик: пользовательские (завершение задач, ошибки, SUS, активация), продуктовые (конверсия, онбординг, объём обращений в поддержку) и бизнес-метрики, которые делятся с другими командами.
Кроме цифр скилл требует качественных доказательств: цитаты из исследований, записи юзабилити-тестов, закрытый дизайн-долг. Отдельно разобраны типичные ошибки — отчёт о выпущенных экранах вместо результата, приписывание себе чужих улучшений, разговор на языке дизайна без связи с поведением пользователя.
Для выбора самих метрик есть отдельный скилл metrics-definition из набора ux-strategy. Установка идёт через npx skills add — нужен Node.js и доступ к GitHub.
Какие задачи решает
- связать изменения в интерфейсе с конверсией и удержанием
- собрать квартальный отчёт о работе дизайн-команды
- описать результаты A/B-теста без приписывания себе чужих заслуг
- перевести улучшения юзабилити в язык выручки и издержек
- подготовить аргументы для разговора о численности команды
Примеры запросов агенту
- Собери отчёт о влиянии редизайна онбординга за квартал
- Опиши результаты A/B-теста новой формы оплаты для руководства
- Сделай годовую сводку по проектам дизайн-команды с метриками
Как установить design-impact-reporting
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a claude-code2Вручную: положить файлы
~/.claude/skills/design-impact-reporting/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/design-impact-reporting/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a codex2Вручную: положить файлы
.agents/skills/design-impact-reporting/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a cursor2Вручную: положить файлы
.cursor/skills/design-impact-reporting/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills design-impact-reporting2Вручную: положить файлы
.github/skills/design-impact-reporting/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path design-ops/skills/design-impact-reportingВручную: положить файлы
.devin/skills/design-impact-reporting/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о design-impact-reporting
Как установить design-impact-reporting в Claude?
Выполните npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a claude-code. Скилл появится в ~/.claude/skills/design-impact-reporting/SKILL.md.
Что делает design-impact-reporting?
Помогает собрать доказательства и нарратив, которые связывают решения дизайна с измеримыми результатами: пользовательскими, продуктовыми и бизнес-метриками.
Чем отличается от metrics-definition?
Этот скилл отвечает за отчёт о результатах наверх. Метрики выбираются заранее — для этого в наборе ux-strategy есть metrics-definition.
Исходный текст
SKILL.md · MIT
---
name: design-impact-reporting
description: Communicate design's contribution to business and user outcomes in stakeholder language. Use when reporting results upward. For choosing the metrics in the first place, use `metrics-definition` (ux-strategy).
---
# Design Impact Reporting
You are an expert in measuring and communicating the value of design work to leadership, cross-functional partners, and the broader organization.
## What You Do
You build the evidence and narrative that connects design decisions to measurable outcomes — so design is treated as a strategic investment, not a cost center or aesthetic layer.
## Why This Is Hard
Design impact is often diffuse, lagged, and shared with other functions. A better onboarding flow increases conversion — but so does a marketing campaign and a pricing change that launched the same quarter. Design impact reporting requires:
- Isolating design's contribution where possible
- Acknowledging shared outcomes honestly where isolation isn't possible
- Building a portfolio of evidence over time, not just one-off wins
## Metrics Framework
Connect design work to three levels:
### User Metrics (leading indicators)
What users do as a result of the design:
- Task completion rate and time-on-task
- Error rate and recovery rate
- System Usability Scale (SUS) or similar satisfaction scores
- Net Promoter Score, CSAT, or in-product feedback
- Activation rate (first meaningful action after sign-up)
- Feature adoption and retention
### Product Metrics (mid-level)
What the product achieves:
- Conversion rate (sign-up, trial-to-paid, checkout)
- Onboarding completion rate
- Support ticket volume for designed flows (reduction = design improvement)
- Accessibility compliance score
- Time spent in key flows
### Business Metrics (lagging, shared)
What the business achieves:
- Revenue attributed to redesigned flows (use A/B test data where available)
- Churn reduction in redesigned areas
- Cost savings (reduced support, engineering rework avoided)
- Time-to-market for design-system-enabled features
## Reporting Structures
### The Design Scorecard
A recurring (quarterly) snapshot of key metrics across active design work:
- 3–5 metrics per major initiative
- Baseline vs current vs target
- Status: on track / at risk / achieved
- Brief narrative on what drove change
### Before/After Case
For significant shipped work:
- Metric before (baseline, with date)
- Design change described in one sentence
- Metric after (with date and sample size)
- Caveat if other factors were in play
- Business value: revenue, cost, time
### A/B Test Summary
When controlled experiments are available:
- Hypothesis
- Variants and sample sizes
- Primary metric result (with statistical significance)
- Secondary metric results
- Decision and rationale
### Portfolio Summary (annual)
For leadership and headcount conversations:
- Projects shipped with their impact metrics
- Cumulative impact across the year
- Investment: design team time, tooling cost
- ROI framing: "Design team investment returned X in conversion improvement"
## Qualitative Evidence
Quantitative metrics alone are incomplete. Pair them with:
- User quotes from research that predicted the outcome
- Usability test clips showing the problem and the improvement
- Design debt that was resolved (showing risk reduction)
- Accessibility improvements (compliance + expanded user reach)
## Common Mistakes
- Reporting outputs (screens designed, components shipped) instead of outcomes
- Attributing metric improvements to design without acknowledging co-factors
- Only reporting wins — teams that report failures build more credibility over time
- Reporting with a one-month lag — tie reporting cadence to business review cycles
- Using design jargon ("improved hierarchy", "cleaner layout") without connecting to user behavior
## Structuring the Narrative
Every impact report needs:
1. **Context**: what was the problem, and why did it matter?
2. **Intervention**: what did design do?
3. **Evidence**: what changed in user behavior or product metrics?
4. **Business value**: what does that change mean in revenue, cost, or risk terms?
5. **What's next**: what are we working on now, and what do we expect it to achieve?
## Best Practices
- Define success metrics before shipping, not after — retrospective metric-picking is unconvincing
- Partner with data/analytics to get access to the metrics that matter, not just the ones design can self-report
- Build relationships with finance and product to understand how they measure value — translate into their language
- Publish a simple, consistent format; stakeholders who see the same structure quarterly start to anticipate it
- Use impact reporting as a team ritual — it builds the team's evidence-gathering habits over time
© Owl-Listener · MIT · Owl-Listener/designer-skills