PluginBench
Skill
Pass
Audit score 90

service-blueprint

owl-listener/designer-skills

Map service delivery across frontstage actions, backstage processes, and supporting systems.

What is service-blueprint?

A service blueprint reveals how a service is delivered across all channels and actors—user actions, employee touchpoints, backend processes, and infrastructure. Use it when staff and operations are part of the experience, or when coordinating multi-team, multi-channel services.

  • Map five swim lanes: physical evidence, user actions, frontstage (visible) actions, backstage (invisible) actions, and support processes
  • Identify operational gaps and failure points where swim lanes disconnect or dependencies break down
  • Distinguish between customer-visible touchpoints and invisible backend work that enables delivery
  • Reveal complexity, automation opportunities, and single points of failure in service delivery
  • Serve as a coordination artifact for cross-functional teams spanning operations, engineering, and support

How to install service-blueprint

npx skills add https://github.com/owl-listener/designer-skills --skill service-blueprint
Claude Code
Cursor
Windsurf
Cline

How to use service-blueprint

  1. 1.Define a narrow scope: choose one specific user scenario (e.g., 'first-time user completes onboarding') rather than the entire product
  2. 2.Gather inputs: user journey research, stakeholder interviews, process documentation, and analytics
  3. 3.Draft user actions adapted from existing journey map research
  4. 4.Map frontstage actions: for each user step, what does the system or team do visibly?
  5. 5.Map backstage actions: what happens behind the scenes to enable each frontstage action?
  6. 6.Map support processes: what infrastructure, tools, or third-party services enable backstage work?
  7. 7.Add physical evidence: what artifacts or touchpoints does the user receive or interact with?
  8. 8.Identify failure points: look for gaps between swim lanes, delays, errors, and handoff breakdowns

Use cases

Good for
  • Designing a new end-to-end service or onboarding flow from user signup through first value delivery
  • Diagnosing where an existing service is failing by mapping as-is state and spotting disconnects
  • Coordinating a multi-team product spanning web, app, email, phone, and physical channels
  • Planning a major service redesign or migration by visualizing current system dependencies
  • Onboarding new team members to the full operational scope of a product beyond just the UI
Who it's for
  • Service designers and UX strategists
  • Product managers coordinating cross-functional teams
  • Operations and support leaders
  • Engineering teams planning system architecture
  • Anyone redesigning or troubleshooting multi-actor, multi-channel services

service-blueprint FAQ

When should I use a service blueprint instead of a journey map?

Use journey maps to understand the emotional user experience; use blueprints to design and fix the entire system delivering it. Blueprints include employees and backend processes, while journey maps focus on the user. Blueprint when coordinating multi-team delivery or diagnosing operational failures.

What does 'line of visibility' mean?

The line of visibility separates frontstage actions (visible to the user) from backstage actions (invisible to the user). It helps teams see what the user experiences versus what happens behind the scenes.

How do I avoid creating an overwhelming blueprint?

Keep scope narrow—blueprint one specific scenario, not the entire product. A focused blueprint of one user flow is more useful than a sprawling map of everything. You can always create multiple blueprints for different scenarios.

What should I look for when reading a completed blueprint?

Look for gaps between swim lanes (where promises can't be delivered), high-density backstage clusters (complexity ripe for automation), multiple support dependencies for one action (fragility), and long stretches without user touchpoints (where the user waits).

Should I blueprint the current state or the ideal future state?

Always blueprint existing state first, then future state second. Skipping the as-is analysis means you'll miss real operational constraints and dependencies that affect feasibility.

Full instructions (SKILL.md)

Source of truth, from owl-listener/designer-skills.


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 MapService Blueprint
FocusUser experienceEntire delivery system
ActorsUserUser + employees + systems
PurposeUnderstand emotional journeyReveal operational gaps and dependencies
WhenResearch and ideationSystem 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