pm-visualizer

Generate color-coded Excalidraw diagrams from Why, What, How, and Journey inputs.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/Kitsune-Den/skulk-skills --skill pm-visualizer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pm-visualizer
Source: https://github.com/Kitsune-Den/skulk-skills/tree/main/skills/thought-to-excalidraw
Command: npx skills add https://github.com/Kitsune-Den/skulk-skills --skill pm-visualizer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Unstructured Product Manager thoughts are hard to translate into shareable visuals; this skill provides a guided method to convert those thoughts into a clean Excalidraw diagram.

Core Features & Use Cases

  • Smart layout: automatically organizes Why, What, and How into columns, with a connected User Journey flow.
  • Color coding: assigns distinctive colors to Why (yellow), What (green), How (blue), and Journey steps (red/pink) for quick comprehension.
  • Comprehensive binding: text elements stay bound to their container so the diagram remains coherent during edits.

Quick Start

Provide the feature title and Why, What, How, and Journey items, and I will generate an Excalidraw diagram.

Frequently Asked Questions about pm-visualizer

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

FAQPage Schema
How do I turn unstructured product management thoughts into a diagram?

To turn unstructured product management thoughts into a diagram, provide your feature title alongside Why, What, How, and Journey items. It automatically organizes these inputs into a color-coded Excalidraw diagram with connected user journey flows and bound text.

Can I visualize a user journey flow directly in Excalidraw?

Yes, you can visualize a user journey flow directly in Excalidraw by providing your journey steps as input. The tool automatically maps the Why, What, and How into distinct columns and connects them to a dedicated red or pink User Journey flow.

What is the best way to structure product requirements for team sharing?

The best way to structure product requirements for team sharing is to categorize them into Why, What, and How columns alongside a User Journey. This generates a clean, shareable Excalidraw visualization with color-coded containers and bound text.

Does the generated Excalidraw diagram keep text bound to containers during edits?

Yes, the generated Excalidraw diagram keeps text bound to its container. Comprehensive binding ensures that text elements stay attached to their respective shapes, so the diagram remains coherent and properly aligned during any manual edits.

How does color coding work for product planning diagrams?

Color coding for product planning diagrams assigns distinctive colors to different categories for quick comprehension: yellow for Why, green for What, blue for How, and red or pink for Journey steps. This visual structure clarifies complex product flows.