user-story-canvas

Convert JSON product requirements into a visual Epic-Feature-Story map with MoSCoW priorities.

12|2|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/haomingz/kimi-skills --skill user-story-canvas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: user-story-canvas
Source: https://github.com/haomingz/kimi-skills/tree/main/skills/user-story-canvas
Command: npx skills add https://github.com/haomingz/kimi-skills --skill user-story-canvas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Translating scattered product requirements into a clear, visual map helps teams understand dependencies, priorities, and release timelines at a glance.

Core Features & Use Cases

  • Hierarchical visualization: Epic → Feature → Story with MoSCoW prioritization and release swimlanes.
  • Self-contained HTML output: generates a portable map suitable for offline sharing and printing.
  • Data-driven workflow: accepts JSON input describing project, releases, epics, features, and stories for automation and integration.

Quick Start

Provide a JSON structure describing project, releases, epics, features, and stories to generate the interactive map.

Frequently Asked Questions about user-story-canvas

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

FAQPage Schema
How do I create an interactive story map from product requirements?

To create an interactive story map, provide a JSON structure detailing your project, releases, epics, features, and stories. The tool validates this input and renders a self-contained HTML visualization with a summarized metrics panel.

What is the best way to visualize Epic Feature Story hierarchies for release planning?

Visualizing Epic Feature Story hierarchies is best handled by generating a visual map with release swimlanes and MoSCoW prioritization. This provides a clear view of dependencies, priorities, and release timelines at a glance.

Does this story map generator enforce allowed MoSCoW priorities?

Yes, the story map generator enforces allowed MoSCoW priorities. It validates input data during processing to ensure priorities conform to the defined structure before rendering the final HTML output.

Can I use JSON to automate product requirement mapping for offline sharing?

Yes, you can use JSON to automate product requirement mapping. The workflow accepts JSON input describing your project scope and outputs a portable, self-contained HTML file suitable for offline sharing and printing.

How are grouped release versions displayed in the visual story map?

Grouped release versions are displayed as release swimlanes in the visual story map. This layout organizes the Epic to Feature to Story hierarchy horizontally, allowing teams to track release timelines visually.