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

service-blueprint — скилл для Claude Code: установка

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

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

Что делает service-blueprint

Скилл создаёт сервисный blueprint с пятью дорожками: физическими артефактами, действиями пользователя, видимыми действиями команды или системы, скрытыми процессами и поддерживающей инфраструктурой. Он также отмечает границы взаимодействия, видимости и внутренних процессов.

Работа начинается с одного сценария, затем используются исследования пути пользователя, интервью со стейкхолдерами, документация процессов и аналитика. Скилл предлагает связать действия пользователя с фронт- и бэкстейджем, добавить инфраструктуру и найти разрывы, задержки, ошибки либо проблемные передачи между этапами.

Карта помогает увидеть, когда видимое обещание не поддержано внутренним процессом или зависит от нескольких систем. Узкий сценарий важен: слишком широкая схема быстро становится расплывчатой, поэтому это повод сначала выбрать конкретный путь пользователя. Для слоя, видимого только пользователю, подходит experience-map.

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

  • разложить доставку услуги по видимым и скрытым действиям
  • найти разрывы между обещанием пользователю и внутренними процессами
  • выявить зависимости от инфраструктуры и сторонних сервисов
  • подготовить схему для согласования между командами
  • спланировать переработку или перенос сервиса

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

  • «Построй service blueprint для сценария первого прохождения онбординга.»
  • «Разложи обработку заказа на действия пользователя, фронтстейдж, бэкстейдж и поддержку.»
  • «Проверь этот сервисный путь на разрывы между видимыми действиями и внутренними процессами.»

Как установить service-blueprint

1Через Skills CLI (Vercel)

npx skills add Owl-Listener/designer-skills --skill service-blueprint -a claude-code

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

~/.claude/skills/service-blueprint/SKILL.md

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

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

Вопросы о service-blueprint

Как установить service-blueprint в Claude Code?

Дважды выполните npx skills add Owl-Listener/designer-skills --skill service-blueprint -a claude-code, затем используйте файл ~/.claude/skills/service-blueprint/SKILL.md.

Что делает service-blueprint?

Скилл строит карту доставки услуги: от действий пользователя и видимых точек контакта до скрытых операций и поддерживающих систем. По такой карте проще искать задержки, ошибки и зависимости.

Чем service-blueprint отличается от journey map?

Journey map сосредоточен на опыте и эмоциональном пути пользователя. Service blueprint показывает всю систему доставки, включая сотрудников, процессы и системы; для одного пользовательского слоя указан experience-map.

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

SKILL.md · MIT
---
name: service-blueprint
description: Map service delivery across frontstage actions, backstage processes, and supporting systems. Use when staff and operations are part of the experience. For the customer-visible layer only, use `experience-map`.
---
# Service Blueprint
You are an expert in service design and systems-level experience mapping.
## What You Do
You create service blueprints that reveal how a service is delivered across all channels and actors — giving teams a shared view of the full system, not just the user-facing touchpoints.
## What a Service Blueprint Shows
A blueprint maps five horizontal swim lanes:
1. **Physical evidence**: what the user sees, touches, or receives at each step (screens, emails, receipts, packaging, spaces)
2. **User actions**: what the user does — drawn from journey map research
3. **Frontstage actions**: what employees or systems do that the user can see or experience directly (customer support replies, onboarding calls, chat responses)
4. **Backstage actions**: what employees or systems do that the user cannot see (order processing, fraud checks, fulfillment)
5. **Support processes**: the infrastructure that enables frontstage and backstage (databases, third-party services, internal tools, policies)
**Line of interaction**: separates user actions from frontstage
**Line of visibility**: separates frontstage (visible to user) from backstage (invisible)
**Line of internal interaction**: separates backstage from support processes
## When to Use a Service Blueprint
- Designing a new end-to-end service
- Diagnosing where a service is failing (look for gaps between swim lanes)
- Coordinating a multi-team product that spans multiple channels (web, app, email, phone, physical)
- Planning a major service redesign or migration
- Onboarding new team members to the full scope of a product
## Blueprint vs Journey Map
| | Journey Map | Service Blueprint |
|---|---|---|
| Focus | User experience | Entire delivery system |
| Actors | User | User + employees + systems |
| Purpose | Understand emotional journey | Reveal operational gaps and dependencies |
| When | Research and ideation | System design and coordination |
Use journey maps to understand the experience; use blueprints to design and fix the system delivering it.
## Process
1. **Define scope**: choose a specific scenario (e.g. "first-time user completes onboarding") — don't try to blueprint the entire product at once
2. **Gather inputs**: user journey research, stakeholder interviews, process documentation, analytics
3. **Draft user actions**: adapt from journey map
4. **Map frontstage**: for each user action, what does the system or team do visibly?
5. **Map backstage**: what happens behind the scenes to enable each frontstage action?
6. **Map support**: what infrastructure, tools, or third-party services support backstage actions?
7. **Add physical evidence**: what artifacts does the user receive or interact with?
8. **Identify failure points**: where do swim lanes disconnect? Where do delays, errors, or handoffs break down?
9. **Validate**: review with operations, engineering, and support teams — they often spot missing backstage steps
## Reading the Blueprint
- **Gaps between lanes**: where frontstage promises something backstage can't deliver
- **High-density backstage clusters**: complexity that may be ripe for automation or simplification
- **Multiple support dependencies for a single frontstage action**: fragility — single points of failure
- **Long horizontal stretches without user touchpoints**: the user is waiting; is this communicated?
## Best Practices
- Blueprint existing state first, future state second — don't skip the as-is
- Co-create with operational teams, not just design — they know the backstage
- Keep scope narrow; a focused blueprint of one scenario is more useful than a sprawling map of everything
- Use the blueprint as a coordination artifact in cross-functional planning, not just as a research output
- Revisit blueprints when services change — they become misleading faster than journey maps

© Owl-Listener · MIT · Owl-Listener/designer-skills

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

Всё по теме «Дизайн» →
blueprint ghaida Строит сервисные блюпринты, карты экосистемы и схемы зависимостей. Помогает понять, что именно ломается за фасадом интерфейса. CX Codex +1 2 700установок blueprint-figure rohitg00 Создаёт статичные SVG-схемы для уроков, README и руководств. Пригодится, когда нужно объяснить устройство системы её реальными именами. CX Codex +1 552установок editorial-service-booking MengTo Помогает спроектировать сайт услуг с записью: от редакционной подачи процедур до устойчивого сценария выбора времени. CX Codex +1 1 300установок principle-make-operations-idempotent backnotprop Скилл учит писать команды и циклы обработки так, чтобы они сходились к одному состоянию независимо от того, сколько раз запустятся или где прервались. Пригодится, если операции могут упасть, перезагрузиться или повториться. CX Codex +1 5 200установок risk-assessment официальный anthropics Помогает находить и оценивать операционные риски при запуске проектов, смене подрядчиков или принятии решений. Формирует приоритетный реестр с мерами по снижению угроз. CX Codex +1 3 400установок process-optimization официальный anthropics Скилл анализирует рабочие процессы, ищет задержки и ручной труд, а затем составляет схему оптимизации. Пригодится, когда цепочка согласований или задач стала слишком долгой. CX Codex +1 3 200установок

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

form-design Проектирует веб-формы от порядка полей и группировки до валидации и доступности. Пригодится при сборке ввода данных любого масштаба — от одиночных полей до многошаговых сценариев. CX Codex +1 1 900установок aesthetic-usability Помогает оценить, как визуальная цельность интерфейса влияет на ощущение удобства и доверия. Нужен при разборе слабых первых впечатлений от работающего дизайна. CX Codex +1 1 900установок information-architecture Скилл проектирует структуру контента: карту разделов, навигационную модель, таксономию и модель типов. Пригодится, когда надо разложить существующий контент по полкам. CX Codex +1 1 900установок critique-composition Оценивает баланс, пустое пространство, ритм и гештальт-группировку на готовом экране. Помогает, когда в макете всё на месте по иерархии, но композиция выглядит разваленной. CX Codex +1 1 900установок 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установок

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

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