blueprint

Map and redesign service blueprints, ecosystem dependencies, and process architecture behind product experiences.

Updated May 5, 2026
One-click install
npx skills add https://github.com/TheGeekosaurus/blogging-platform-2 --skill blueprint-thegeekosaurus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blueprint
Source: https://github.com/TheGeekosaurus/blogging-platform-2/tree/main/.agents/skills/blueprint
Command: npx skills add https://github.com/TheGeekosaurus/blogging-platform-2 --skill blueprint-thegeekosaurus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Product problems that look like UX issues are often structural systems problems — brittle handoffs, undocumented dependencies, and unmapped failure modes. This Skill makes the invisible machinery behind a product experience visible so teams can diagnose root causes and redesign how services, teams, tools, and data flows connect. ## Core Features & Use Cases - Service Blueprinting: Map frontstage touchpoints, backstage processes, and support infrastructure with lines of interaction and visibility, delivered as markdown or a self-contained HTML diagram. - Dependency & Ecosystem Mapping: Document actors, data flows, ownership boundaries, and single points of failure across systems and teams. - Failure Mode & Scalability Analysis: Model system states, cascade effects, recovery paths, and scaling thresholds, including structures that enable dark patterns. - Use Case: Ask "What breaks when our payment provider fails?" and receive a blueprint showing the blast radius, degradation tiers, and recovery paths across your service architecture. ## Quick Start Ask the assistant to map out the systems and dependencies behind your checkout flow as a service blueprint.

Frequently Asked Questions about blueprint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a service blueprint for a product feature?▼

Invoke the blueprint skill with a request like "map out the service behind this feature." It asks whether you want an HTML, Figma, or pencil.dev visualization, then produces frontstage, backstage, and support lanes with lines of interaction and visibility.

What is the difference between a service blueprint and a user journey map?▼

A service blueprint maps the organizational machinery — backstage processes, support systems, and dependencies — behind an experience. A user journey map covers what the user sees and does. This skill handles blueprints and hands screen-level flows to the journey skill.

Can the blueprint output be exported to Figma?▼

Yes. When you choose Figma as the format, the skill loads the figma-use skill and creates lanes, nodes, and dashed divider lines in your Figma file via MCP, translating each blueprint pattern to Figma frame equivalents.

Does the HTML blueprint diagram require external dependencies?▼

No. The HTML output is a single self-contained file with inline CSS, no external fonts, and no JavaScript. It includes light and dark theme tokens and opens directly in any browser.

When should I not use service blueprinting?▼

Avoid it for screen-by-screen user flow design, visual design systems, or implementation specs — those belong to journey or specify skills. Blueprinting fits structural questions about how a system works, fails, or scales.