business-design — скилл для Claude Code: защита дизайна на языке
Помогает дизайнеру читать P&L, разбирать конкурентов и объяснять решения метриками, когда их оспаривает PM или CFO.
npx skills add Owl-Listener/designer-skills --skill business-design -a claude-codeЧто делает business-design
Скилл переводит между дизайн-мышлением и бизнес-мышлением. Он разбирает, как решение влияет на обе стороны отчётности: выручку (конверсия, удержание, средний чек, сарафан) и издержки (объём поддержки, провал онбординга, отток). Когда решение оспаривают, первый вопрос — какую строку оно двигает.
Внутри — разбор P&L глазами дизайнера, карта конкурентов по модели взаимодействия и качеству опыта, а не по списку фич, и таблица привязки работ к метрикам: редизайн онбординга к активации, улучшение ошибок к тикетам поддержки, перестройка навигации к завершению задач. Есть рамка защиты решения как ставки: что двигаем, чем платим за бездействие, какой сигнал уже виден. Отдельно — как отделить вкусовое решение от доказанного и назвать это вслух.
Скилл про подготовку аргумента, а не про сами переговоры: для живой защиты решения автор отсылает к design-negotiation из designer-toolkit. Ставится через npx skills add в Claude, Codex, Cursor, Gemini CLI и OpenCode, для GitHub Copilot — через gh skill install.
Какие задачи решает
- объяснить редизайн онбординга через активацию, а не через принципы UX
- найти, какую строку P&L двигает спорное решение
- собрать карту конкурентов по качеству опыта, а не по набору фич
- привязать работу к метрике до старта, а не после
- отделить вкусовое решение от доказанного в разговоре с PM
Примеры запросов агенту
- Помоги защитить перенос кнопки оплаты: какую метрику это двигает и что мы теряем, если не трогаем
- Разбери наш продукт по P&L: где дизайн влияет на выручку, а где на издержки
- Составь карту конкурентов по модели взаимодействия и качеству опыта
Как установить business-design
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill business-design -a claude-code2Вручную: положить файлы
~/.claude/skills/business-design/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/business-design/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill business-design -a codex2Вручную: положить файлы
.agents/skills/business-design/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill business-design -a cursor2Вручную: положить файлы
.cursor/skills/business-design/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install Owl-Listener/designer-skills business-design2Вручную: положить файлы
.github/skills/business-design/SKILL.md1Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill business-design -a gemini-cli2Командой платформы
gemini skills install https://github.com/Owl-Listener/designer-skills --path ux-strategy/skills/business-designВручную: положить файлы
.devin/skills/business-design/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add Owl-Listener/designer-skills --skill business-design -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о business-design
Как установить business-design в Claude?
Выполните npx skills add Owl-Listener/designer-skills --skill business-design -a claude-code. Скилл появится в ~/.claude/skills/business-design/SKILL.md.
Что делает business-design?
Помогает читать финансовые отчёты, разбирать конкурентов и объяснять дизайн-решения через метрики и издержки. Пригодится, когда решение защищаешь перед коммерческими стейкхолдерами.
Чем business-design отличается от design-negotiation?
Этот скилл готовит аргумент на языке ценности. Для самих переговоров автор отсылает к design-negotiation из designer-toolkit.
Исходный текст
SKILL.md · MIT
--- name: business-design description: Read financials, map competitive landscapes, and argue design decisions in the language of value. Use when defending design to commercial stakeholders. For the live negotiation itself, use `design-negotiation` (designer-toolkit). --- # Business Design You help designers navigate the business layer of product work — not to make design subservient to business goals, but to make design legible to the people who set them. The gap is usually language, not intent. A designer who can read a P&L and explain their work in terms of value is not compromising their craft — they're protecting it. ## What You Do You translate between design thinking and business thinking. You help a designer understand where their work sits in the commercial picture, how to read a room when strategy is being set, and how to make a case that holds up when challenged by a PM or CFO who leads with ROI. ## Reading a P&L as a Designer Design decisions affect both sides of the ledger. **Revenue drivers:** - Conversion rate — the purchase or signup flow is a design surface - Retention — the continued-use loop is a design problem - Average order value — cross-sell and discovery UX directly moves this - Referral and word of mouth — product delight drives organic acquisition **Cost drivers:** - Support volume — confusing flows generate tickets; clarity reduces cost - Onboarding failure — users who don't activate cost acquisition spend with no return - Churn — usually a product experience problem before it's a pricing one When a design decision is challenged, the first question is: which line does it move? ## Competitive Landscape Mapping Competitive analysis from a design lens asks different questions than a feature comparison matrix. **What to map:** - Interaction model — how does the product ask users to think about their work? - Emotional register — clinical, warm, playful, professional? - Table-stakes UX — what does every product in this space do, and how well? - Gaps — what problem is consistently handled poorly, even by the best? - Aspiration benchmarks — what products outside this category set the bar for the experience you're after? **Output:** A map that locates your product not on feature parity, but on experience quality and differentiation. ## Defending Design in Business Language The test: can you answer "why does this matter to the business?" without reaching for abstract UX principles? **Frame the decision as a bet:** "We're betting that reducing friction at this step will increase completion rate, which moves [metric]. The cost of not doing it is [quantified abandonment]." **Anchor to existing data:** User research, analytics, support tickets, NPS qualitative comments — translate these into risk or opportunity language. **Show the counterfactual:** "If we don't address this, we're accepting [outcome]. Here's the signal that's already visible." **Separate taste from evidence:** When you're making a judgment call rather than an evidence-based decision, name it: "This is a craft decision — the evidence supports improving this area; the specific approach is a judgment call based on [principle / precedent / testing]." ## Aligning Design Work to KPIs Before starting any significant design effort, map it to at least one metric: | Design work | What it moves | |---|---| | Onboarding flow redesign | Activation rate, time-to-value | | Error state improvement | Support ticket volume, retry rate | | Navigation restructure | Task completion, session depth | | Empty state design | Feature discovery, secondary activation | | Search and filter UX | Conversion, bounce from search | If you can't name a metric, either the work is too small to track or the framing is too vague — sharpen one of them. ## Best Practices - Know the one metric your product team is optimizing for this quarter; design to that - Read the product roadmap as a financial bet, not a feature list - In strategy conversations, ask "what does success look like in 90 days?" before offering design solutions - Don't translate design into business language at the last minute — build it into how you frame work from the start ## References Alen Faljic, [Mini Design MBA / d.MBA](https://d.mba) — the strategic thinking framework that underpins this skill.
© Owl-Listener · MIT · Owl-Listener/designer-skills