roadmap-portrait
OfficialScrollable roadmap portrait for alignment view
System Documentation
What problem does it solve?
The roadmap portrait provides a human-facing surface to review and navigate the Foundation roadmap, rendering milestones, capabilities, and user stories from the source artifacts. It is generated from capabilities.yaml and FOUNDATION USER-STORIES.md and is designed to ensure link integrity with dead-link checks, while rendering in a CSS-only, JS-free portrait that works in any context.
Core Features & Use Cases
- Renders a scrollable timeline of milestones (Prototype, MVP, Blue-sky) with a nested capability drill-down.
- Drill-down from milestone to capabilities to user stories using CSS details, enabling zero-JS rendering in any context.
- Validates link graphs to prevent orphan or dead links and outputs an HTML artifact ROADMAP-PORTRAIT.html for planning docs.
- Automatically re-generates when the Foundation artifacts change so stakeholders always see current alignment.
Quick Start
Run the roadmap-portrait renderer to generate ROADMAP-PORTRAIT.html from capabilities.yaml and FOUNDATION USER-STORIES.md.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: roadmap-portrait Download link: https://github.com/Kohlex/autopilot-plugin/archive/main.zip#roadmap-portrait Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.