pm-visualizer

What This Skill Does

The pm-visualizer skill is a powerful productivity tool designed to bridge the gap between unstructured brainstorming and visual architectural documentation. It functions by transforming abstract Product Manager thoughts into structured, professional Excalidraw diagrams. By parsing raw text input into logical categories—Why, What, How, and Journey—the skill automates the tedious manual layout process, ensuring that teams maintain alignment through visual clarity. The generated output is a fully editable .excalidraw file, allowing users to further refine diagrams once the initial layout is complete.

Installation

To install this skill, use the following command in your OpenClaw environment: clawhub install openclaw/skills/skills/sairammahadevan/thought-to-excalidraw Ensure that your environment has Python 3 installed, as the underlying layout engine relies on local script execution to generate the diagram files.

Use Cases

This skill is ideal for rapid prototyping of product specifications during brainstorming sessions or stand-ups. It is best used for mapping out new feature requirements, visualizing complex user workflows, or aligning stakeholders on the 'Why' behind a specific engineering task. By providing a consistent framework, it helps prevent scope creep and ensures that all project members have a shared understanding of the implementation strategy.

Example Prompts

1. "Visualize the specs for a new dark mode toggle: Why? Reduce eye strain. What? Toggle in settings. How? CSS variables. Journey: User clicks settings -> Finds Appearance -> Toggles Dark Mode."
2. "Create a PM diagram for our subscription checkout process. Why? Improve churn. What? Multi-tier pricing. How? Stripe API. Journey: Select plan -> Enter details -> Confirm payment."
3. "Map out product thoughts for a user profile edit feature. Focus on the data flow and the API strategy for updating user metadata."

Tips & Limitations

• Cleanup: The skill generates a temporary JSON file (temp_visual_data.json) during execution. While the automated process handles this, users should ensure they have write permissions in their ~/Downloads/Documents/PM_Visuals directory.
• Clarity: The quality of the diagram is directly proportional to the clarity of your input. Providing specific, numbered steps in the 'Journey' section will yield the best visual results.
• Editing: Since the output is an Excalidraw file, use it as a starting point rather than a final product. You can customize colors, move elements, and add annotations once the file is opened in your preferred drawing tool.