Product Roadmap Deck
A twelve-page Now / Next / Later roadmap built around user needs, outcome measures, dependency gates, working capacity and purposeful experiments. Includes editable local HTML/CSS, twelve real PNG exports, a twelve-page PDF and substantial speaker notes.
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/product-roadmap-deck.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.
Complete twelve-page generated sample with twelve 1600 × 900 PNG exports, a twelve-page PDF and speaker notes. All sample organizations, research and incident data are fictional.
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.
1600 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
Inside this template
12 pages- Direction
- Outcomes
- User needs
- Prioritization principles
- Now
- Next
- Later
- Capacity assumptions
- Dependencies & uncertainty
- Learning experiments
- Explicitly deferred
- Decision gates
A GUIDED LOOK
The whole story, in motion.
A screen recording of this working demo, covering 12 slides. This is a guided preview, not a video exported by the Skill.
In this walkthrough
- Less searching. More doing.
- Start with the change we seek.
- Whose problem earns the effort?
- The rules behind the sequence.
- Now.
- Next.
- Later.
- Leave room for the unexpected.
- Sequence is part of the strategy.
- Spend a little to learn a lot.
- A roadmap also says “not yet”.
- Keep the roadmap a conversation.
- Tested runtime
- Node.js 24.19.0 · macOS arm64 · Chromium 153.0.8010.12
- Pinned dependency
- Playwright 1.63.0 · local fonts · no external page requests
- Checks completed
- Normal and boundary briefs, task-specific semantic validation, no-overwrite safety, all-page responsive geometry and contrast, keyboard/notes/print behavior and actual PNG/PDF inspection.
Normal and boundary checks, independent original-brief workflow and full-content visual review completed.
HTML, PNG, PDF and speaker notes; no editable PPTX. Emulated Chromium viewports; physical devices, automatic agent discovery and non-Latin typography require separate review.
From a good brief to a better result.
A twelve-page Now / Next / Later roadmap built around user needs, outcome measures, dependency gates, working capacity and purposeful experiments. Includes editable local HTML/CSS, twelve real PNG exports, a twelve-page PDF and substantial speaker notes. 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
- Two outcome measures, user needs and 1–2 items in each planning horizon
- Dependency IDs, qualitative confidence, team-day capacity and decision gates
What you’ll make
- Twelve editable HTML/CSS presentation pages
- Twelve opaque 1600 × 900 PNG exports and a twelve-page PDF
- Speaker notes, keyboard navigation and responsive reading layout
- Validated task-specific JSON brief and export manifest
The intended workflow
- Shape the supplied facts into the task-specific input contract
- Generate editable source in a new local directory
- Inspect all twelve pages and notes, then export actual PNG/PDF files