pm-visualizer

Convert unstructured product manager thoughts into editable Excalidraw diagrams.

Updated Feb 25, 2026
One-click install
npx skills add https://github.com/sky770825/NEUXA- --skill pm-visualizer-sky770825
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: pm-visualizer
Source: https://github.com/sky770825/NEUXA-/tree/main/quarantine/skills-slim-20260213/thought-to-excalidraw
Command: npx skills add https://github.com/sky770825/NEUXA- --skill pm-visualizer-sky770825

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Product managers often have unstructured thoughts about feature rationale, requirements, implementation, and user journeys that are difficult to share as clear, editable visual diagrams for team alignment.

Core Features & Use Cases

  • Smart Layout: Automatically organizes "Why, What, How" content into separate columns and creates a horizontal or vertical flow for user journey steps.
  • Color Coding: Uses distinct colors for problem context (Why - Yellow), solution requirements (What - Green), implementation details (How - Blue), and user journey steps (Red/Pink) for quick visual parsing.
  • Grouped Elements: Binds text labels to container shapes so all elements in a section move together when editing the diagram.
  • Use Case: Visualize a new "Login with Google" feature spec, including business goals, required features, OAuth implementation steps, and end-to-end user flow, to share with engineering and design teams for feedback.

Quick Start

Use the pm-visualizer skill to turn your product feature thoughts about a new checkout flow into an editable Excalidraw diagram saved to your Downloads folder.

Frequently Asked Questions about pm-visualizer

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

FAQPage Schema
How do I convert unstructured product feature specs into editable diagrams?

You can turn unstructured product feature specs into editable diagrams by inputting your feature rationale and requirements; the Skill generates valid Excalidraw JSON files with color-coded sections, grouped movable elements, and connected flow arrows.

How does user journey mapping work for new product initiatives?

User journey mapping works by taking your end-to-end user flow steps and applying a deterministic Python layout script to generate an Excalidraw diagram with a horizontal or vertical flow, using red and pink color coding for quick visual parsing of each journey step.

Can I use Excalidraw diagrams for cross-team alignment sessions?

Yes, you can use Excalidraw diagrams for cross-team alignment sessions. The Skill binds text labels to container shapes so grouped elements move together during editing, making it easy to share visual feature specs with engineering and design teams.

What is the best way to visualize a feature specification for engineering and design teams?

The best way to visualize a feature specification is to structure your unstructured thoughts into separate columns for problem context, solution requirements, and implementation details, outputting a color-coded Excalidraw diagram for team feedback.

Does the generated Excalidraw diagram support grouped movable elements?

Yes, the generated Excalidraw diagram supports grouped movable elements. The Skill binds text labels to container shapes, ensuring all elements within a specific section move together when you edit the diagram layout.