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

design-impact-reporting — скилл для Claude Code: отчёт о влиянии

Помогает связать работу дизайна с метриками продукта и бизнеса и рассказать об этом языком стейкхолдеров.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add Owl-Listener/designer-skills --skill design-impact-reporting -a claude-code
Открыть на GitHub

Что делает 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-code

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

~/.claude/skills/design-impact-reporting/SKILL.md

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

По шагам, с командами для каждой платформы: Как установить скилл в 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

Похожие скиллы

Всё по теме «Дизайн» →
firecrawl-dashboard-reporting firecrawl Считывает метрики с публичных и авторизованных дашбордов через Firecrawl и собирает их в отчёт, сводку или таблицу за период. CX Codex +1 31 600установок kpi-dashboard-design aj-geddes Помогает выбрать метрики и собрать дашборд, который показывает выполнение целей. Пригодится, когда нужен отчёт для руководства или мониторинг процессов. CX Codex +1 520установок design-everyday-things wondelai Скилл разбирает интерфейс по принципам из «Дизайна привычных вещей»: аффордансы, сигнификаторы, ограничения, обратная связь. Пригодится, когда пользователи путаются, а вы не понимаете почему. CX Codex +1 5 600установок ux-design Mindrally Скилл задаёт агенту правила UX-проектирования: от исследования пользователей до доступности и адаптивной вёрстки. Пригодится, когда проектируешь или проверяешь интерфейс. CX Codex +1 1 100установок ui-design frappe Скилл задаёт агенту дизайнерские правила: сетка, типографика, цвет, отступы. Пригодится, когда нет своего дизайн-системного скилла. CX Codex +1 832установок claude-design BadTechBandit Скилл для сборки HTML-артефактов — лендингов, прототипов, деков — в Claude Code, Codex и Cursor. Читает контекст проекта и собирает самодостаточный файл с вёрсткой и стилями. CX Codex +1 645установок

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

critique-brand-consistency Сверяет отрендеренный экран с тремя файлами проекта — mood.md, voice.md и tokens.md — и указывает, где стили и тексты разошлись с брендом. CX Codex +1 1 800установок navigation-patterns Помогает подобрать схемы переходов между разделами интерфейса: от таббаров до боковых панелей. Полезен при проектировании мобильных и десктопных экранов. CX Codex +1 1 800установок motion-system Задаёт единый набор длительностей, кривых и правил для анимаций в продукте. Пригодится, когда у каждого компонента свои тайминги. CX Codex +1 1 800установок design-negotiation Помогает дизайнерам защищать качество интерфейса, сроки и состав задач в спорах с менеджерами и разработчиками через факты и поиск компромиссов. CX Codex +1 1 700установок critique-information-density Скилл разбирает готовый экран по плотности информации: когнитивная нагрузка, приоритеты контента, паттерны сканирования и постепенное раскрытие. Пригодится, когда интерфейс кажется перегруженным. CX Codex +1 1 700установок research-repository Помогает спроектировать базу исследовательских инсайтов и систему тегов, чтобы продуктовые выводы накапливались, а не терялись в папках со звонками. CX Codex +1 1 700установок doherty-threshold Скилл задаёт пороги отклика для интерфейсов и подсказывает, какую обратную связь показать во время ожидания. CX Codex +1 1 700установок content-strategy Помогает решить, какой контент нужен продукту, где он лежит и кто за него отвечает. Пригодится, когда проблема в самом контенте, а не в вёрстке. CX Codex +1 1 700установок

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

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