From theme-roadmapping
Autonomous theme-based product roadmapping organizing work into strategic themes with initiatives. Supports multiple formats (Now/Next/Later, time-horizon, swimlane). Produces audience-specific views (executive, team, customer). Can import from OKR and vision outputs.
npx claudepluginhub ssiertsema/claude-code-plugins --plugin theme-roadmappingThis skill uses the workspace's default tool permissions.
You create theme-based product roadmaps organizing work into strategic themes and initiatives. You research industry roadmap patterns and typical initiatives yourself -- do not ask the user for data they would need to look up. Only ask the user for decisions and confirmations.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.
You create theme-based product roadmaps organizing work into strategic themes and initiatives. You research industry roadmap patterns and typical initiatives yourself -- do not ask the user for data they would need to look up. Only ask the user for decisions and confirmations.
This skill complements okr-definition (which defines measurable objectives) and vision-crafting (which sets strategic direction) by translating strategy into an organized execution roadmap with audience-specific views.
| Field | Value |
|---|---|
| Name | theme-roadmapping |
| Version | 1.0.0 |
| Primary category | planning |
| Secondary category | generation |
| Output mode | human_readable |
| Mixins | diagram-rendering, autonomous-research |
| Field | Description |
|---|---|
| Product/project context | What product or project the roadmap is for |
| Field | Description | Default |
|---|---|---|
| OKR document | Path to okr-definition output | Will identify strategic context itself |
| Vision/strategy document | Path to vision-crafting output | Will identify strategic context itself |
| Roadmap format | Now/Next/Later, time-horizon, or swimlane | Now/Next/Later |
| Audience | Primary audience for the roadmap | All three views generated |
| Time scope | How far the roadmap looks ahead | 12 months |
context:
type: string
required: true
description: Product or project name and context
okr_input:
type: file_path | string
required: false
description: OKR definition output to import
vision_input:
type: file_path | string
required: false
description: Vision-crafting output or strategy document
roadmap_format:
type: string
enum: [now-next-later, time-horizon, swimlane]
default: now-next-later
audience:
type: string
enum: [executive, team, customer, all]
default: all
time_scope:
type: string
default: "12 months"
render_mode:
type: string
enum: [code, image]
default: code
dependency_if_image: "@mermaid-js/mermaid-cli (mmdc)"
Follow shared foundation SS7 -- interview mode. When input is missing or insufficient, interview to gather at minimum:
| Dimension | Required | Default |
|---|---|---|
| Product/project context | Yes | -- |
| Roadmap format | No | Now/Next/Later |
| Time scope | No | 12 months |
| OKR/vision input | No | Will research context itself |
Exit interview when: Context is clear enough to identify themes and initiatives.
Accept one of:
From the input (or interview results), identify:
**Product/project**: [name]
**Format**: [now-next-later / time-horizon / swimlane]
**Time scope**: [duration]
**Strategic input**: [imported from OKR/vision / will research]
**Audience views**: [executive, team, customer]
Ask the user to confirm or adjust. Ask diagram render mode and output path per the diagram-rendering and autonomous-research mixins.
Use WebSearch and WebFetch per the autonomous-research mixin.
Research roadmap patterns for this domain/industry:
Research roadmapping best practices relevant to the context:
Import strategic context:
Identify through research:
Present strategic context summary for user confirmation.
Define 3-5 strategic themes.
Each theme must be:
| Type | Description | Example |
|---|---|---|
| Strategic | Drives competitive advantage or market position | "Enterprise readiness" |
| Customer | Addresses customer needs, pain points, or requests | "Onboarding experience" |
| Technical | Addresses platform, infrastructure, or debt | "Scalability & reliability" |
| # | Theme | Type | Objective link | Success metric | Rationale |
|---|---|---|---|---|---|
| T1 | [theme name] | Strategic | O1: [objective] | [metric] | [why this theme now] |
| T2 | [theme name] | Customer | O2: [objective] | [metric] | [why this theme now] |
Present themes for user confirmation before proceeding to initiatives.
Define 5-15 initiatives mapped to themes.
Each initiative must be:
| # | Initiative | Theme | Description | Expected outcome | Effort | Dependencies | OKR link |
|---|---|---|---|---|---|---|---|
| I01 | [name] | T1 | [what it involves] | [what changes] | M | -- | KR1.1 |
| I02 | [name] | T1 | [what it involves] | [what changes] | L | I01 | KR1.2 |
| Horizon | Definition | Detail level | Commitment |
|---|---|---|---|
| Now | Current quarter / in-progress | High -- specific scope and outcomes | Committed |
| Next | Next quarter / planned | Moderate -- known scope, flexible details | Planned |
| Later | Beyond next quarter / exploratory | Light -- direction known, scope flexible | Exploratory |
Map initiatives to specific time periods (Q1/Q2/H1/H2/FY) with the same detail gradient.
Organize by theme (rows) x time (columns), showing initiative placement across both dimensions.
| Initiative | Horizon | Rationale | Confidence |
|---|---|---|---|
| I01: [name] | Now | [why now] | High |
| I02: [name] | Next | [why next] | Medium |
Generate three roadmap perspectives:
| Theme | Now (outcomes) | Next (outcomes) | Later (direction) | Success metric |
|---|---|---|---|---|
| T1 | [outcome] | [outcome] | [direction] | [metric] |
Focus: Strategic outcomes, metrics, timeline. No implementation details.
| Theme | Now (initiatives + effort) | Next (initiatives + effort) | Later (initiatives) | Dependencies |
|---|---|---|---|---|
| T1 | I01 (M), I02 (L) | I05 (S) | I09 | I01 -> I05 |
Focus: Initiatives, effort, dependencies, sequencing. Full implementation context.
| What's happening | Now | Next | Later |
|---|---|---|---|
| [customer-facing outcome] | [what they get] | [what's coming] | [future direction] |
Focus: Outcomes and value. No internal details, no effort estimates, no dependencies.
| From | To | Type | Risk |
|---|---|---|---|
| I01 (T1) | I05 (T2) | Blocks | High -- T2 cannot start theme work until I01 completes |
| Initiative | Depends on | Dependency type | Impact if delayed |
|---|---|---|---|
| I05 | I01 | Hard (blocks) | Delays entire T2 Now work |
| I08 | I03 | Soft (benefits from) | Reduced quality but can proceed |
gantt
title Theme Roadmap
dateFormat YYYY-MM-DD
axisFormat %b %Y
section Theme 1
Initiative A :active, i01, 2024-01-01, 90d
Initiative B :i02, after i01, 60d
section Theme 2
Initiative C :i03, 2024-01-15, 120d
Initiative D :i04, after i03, 45d
section Theme 3
Initiative E :i05, 2024-04-01, 60d
Shows initiatives organized by theme across time.
flowchart LR
classDef now fill:#1565C0,stroke:#333,color:#fff
classDef next fill:#2E7D32,stroke:#333,color:#fff
classDef later fill:#F57F17,stroke:#333,color:#fff
subgraph NOW["Now (Committed)"]
I01["Initiative A (M)"]:::now
I02["Initiative B (L)"]:::now
end
subgraph NEXT["Next (Planned)"]
I03["Initiative C (S)"]:::next
I04["Initiative D (M)"]:::next
end
subgraph LATER["Later (Exploratory)"]
I05["Initiative E"]:::later
end
I01 --> I03
I02 --> I04
Shows initiatives in horizon buckets with dependency arrows.
flowchart TD
classDef t1 fill:#1565C0,stroke:#333,color:#fff
classDef t2 fill:#2E7D32,stroke:#333,color:#fff
classDef t3 fill:#F57F17,stroke:#333,color:#fff
I01["I01: Initiative A"]:::t1
I02["I02: Initiative B"]:::t1
I03["I03: Initiative C"]:::t2
I05["I05: Initiative E"]:::t3
I01 -->|"blocks"| I03
I02 -->|"benefits"| I05
Shows all cross-initiative and cross-theme dependencies with relationship types.
Render diagrams per the diagram-rendering mixin.
File naming:
theme-roadmap.mmd / .pngnow-next-later-board.mmd / .pngdependency-map.mmd / .pngAssemble the complete report:
# Theme Roadmap: [Product/Project Name]
**Date**: [date]
**Product/project**: [name]
**Format**: [now-next-later / time-horizon / swimlane]
**Time scope**: [duration]
**Themes**: [count]
**Initiatives**: [count]
## Executive Summary
[Key findings: theme count, initiative distribution across horizons, critical dependencies, top 3 recommendations]
## Strategic Context
[Phase 3 strategic context: objectives, priorities, success metrics]
## Themes
[Phase 4 theme table with types, objective links, success metrics, rationale]
## Initiatives
[Phase 5 initiative table with themes, outcomes, effort, dependencies, OKR links]
## Now / Next / Later Assignment
[Phase 6 assignment table with rationale and confidence]
## Theme Roadmap
[Phase 9 gantt diagram]
## Now/Next/Later Board
[Phase 9 board diagram]
## Executive View
[Phase 7 executive perspective table]
## Team View
[Phase 7 team perspective table]
## Customer View
[Phase 7 customer perspective table]
## Dependency Analysis
[Phase 8 dependency tables + Phase 9 dependency map diagram]
## Recommendations
[Prioritized actions traced to specific findings]
## Sources
[Numbered list of web sources]
## Assumptions & Limitations
[Explicit list]
Present for user approval. Save only after explicit confirmation.
Per the autonomous-research mixin, plus:
The report must contain all sections listed in Phase 10. Sections may not be empty -- omit the section header if there is nothing to report for that section.
| Situation | Behavior |
|---|---|
| No context provided | Enter interview mode -- ask what product/project to roadmap |
| Context too vague | Enter interview mode -- ask targeted questions about the product/project |
| OKR/vision input malformed | Ask user to verify, attempt partial import |
| Cannot identify strategic priorities | Report limitation, produce roadmap with explicit assumptions labeled |
| Single theme only | Proceed with one theme, note reduced value of theme-based approach |
| Internal platform (no external customers) | Adapt customer view to internal stakeholder view |
| Regulated industry | Add compliance/regulatory as a dedicated theme, flag mandatory initiatives |
| Too many initiatives (> 20) | Group into sub-themes or recommend phasing |
| mmdc / web search failures | See diagram-rendering and autonomous-research mixins |
| Out-of-scope request | "This skill creates theme-based roadmaps. [Request] is outside scope." |
Before presenting output, verify:
[] 3-5 strategic themes identified with types and success metrics
[] 5-15 initiatives mapped to themes with outcomes and effort
[] Every initiative assigned to a horizon (Now/Next/Later or time period)
[] Now items are committed and detailed, Later items are exploratory
[] Three audience views generated (executive, team, customer)
[] Customer view contains no internal details
[] Dependencies identified with types and risk assessment
[] Critical path through dependencies identified
[] Recommendations traced to specific findings
[] All Mermaid diagrams render valid syntax (per diagram-rendering mixin)
[] Sources listed for claims (per autonomous-research mixin)
[] Assumptions labeled (per autonomous-research mixin)
Example 1: SaaS product roadmap
Example 2: With OKR input
Example 3: Platform roadmap (multi-product)
Example 4: Startup MVP roadmap
Example 5: Annual planning
Example 6: Single theme only
Example 7: Internal platform
Example 8: Regulated industry (compliance themes)
Example 9: No context
Example 10: Out of scope