Service Blueprint Map
Connect customer steps with frontstage and backstage responsibilities. A service blueprint with consistent stages and ownership lanes. Explore two fictional datasets in the live HTML demo, then use the full workflow with your own data.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/service-blueprint-map.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
A working HTML visualization, not a video or a screenshot pretending to be interactive. Switch between two fictional datasets, inspect exact values and explore the controls.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
- Tested runtime
- Node.js 24 · Chromium · local HTML
- Pinned dependency
- Original SVG · local bundled assets
- Checks completed
- Input semantics, independent new-data generation, desktop/mobile reading, pause/replay, reduced motion, selectors and PNG snapshots.
Workflow scripts tested on Linux. Agent installation review pending.
A service blueprint with consistent stages and ownership lanes. Sample values are fictional. PNG is a static snapshot, not a video. Windows, Linux and real-device touch have not been independently tested. Complex or very long labels may require concise display names.
From a good brief to a better result.
Connect customer steps with frontstage and backstage responsibilities. A service blueprint with consistent stages and ownership lanes. Explore two fictional datasets in the live HTML demo, then use the full workflow with your own data. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Your dataset, definitions, units, time window and source
- Your question, audience, title and interpretation notes
What you’ll make
- Interactive local HTML visualization with bundled rendering assets
- PNG snapshot of the current chart and exportable source JSON
- Complete Skill instructions, reusable prompt, input validation, editable source and examples
The intended workflow
- Map your data to the documented input contract without inventing missing values
- Generate a new local output directory and inspect the chart against the source ledger
- Review interaction, motion and narrow-screen reading; export a PNG snapshot when ready