Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
owl-listener avatar

Service Blueprint

  • 651 installs
  • 2k repo stars
  • Updated June 14, 2026
  • owl-listener/designer-skills

service-blueprint is a design agent skill that maps end-to-end service delivery across five swim lanes for developers who need a shared systems view beyond user-facing UI touchpoints.

About

service-blueprint is an agent skill from owl-listener/designer-skills for service design and systems-level experience mapping. A service blueprint reveals how delivery works across channels and actors by laying out five horizontal swim lanes: physical evidence users see or receive, user actions at each step, frontstage employee or system actions visible to users, backstage processes hidden from users, and supporting infrastructure such as tools, data, and policies. The skill positions blueprints as the shared view teams need when a product spans emails, receipts, support flows, and internal ops—not just screens. Developers and designers reach for service-blueprint when scoping onboarding, support, or multi-channel SaaS flows where frontend code alone cannot explain the full service system.

  • service-blueprint

Service Blueprint by the numbers

  • 651 all-time installs (skills.sh)
  • +67 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #558 of 4,347 Backend & APIs skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/owl-listener/designer-skills --skill service-blueprint

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs651
repo stars2k
Last updatedJune 14, 2026
Repositoryowl-listener/designer-skills

How do you blueprint a multi-channel service system?

Use service-blueprint for development tasks

Who is it for?

Developers and designers scoping multi-channel SaaS, marketplace, or ops-heavy products who need backstage and infrastructure visibility before implementation.

Skip if: Teams that only need a single UI wireframe or component mockup without mapping backstage processes, support systems, or delivery infrastructure.

When should I use this skill?

The user asks for a service blueprint, end-to-end delivery map, frontstage/backstage breakdown, or systems view beyond UI screens.

What you get

A five-lane service blueprint diagram with physical evidence, user actions, frontstage, backstage, and infrastructure mapped per step.

  • five-lane service blueprint
  • frontstage/backstage process map

By the numbers

  • Maps service delivery across 5 horizontal swim lanes

Files

SKILL.mdMarkdownGitHub ↗

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

Related skills

How it compares

Pick service-blueprint when you need backstage and infrastructure lanes beyond a user-journey or UI wireframe map.

FAQ

What lanes does service-blueprint include?

service-blueprint maps five horizontal swim lanes: physical evidence, user actions, frontstage visible actions, backstage hidden processes, and supporting infrastructure. Together they show the full delivery system, not just UI screens.

When should developers use service-blueprint?

service-blueprint fits scoping multi-channel services—onboarding, support, billing, or fulfillment—where frontend screens omit backstage workflows. Use it before committing engineering scope on cross-team delivery paths.

Backend & APIsbackendintegrations

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.