产品思维可视化

技能简介

该技能将产品经理的非结构化思路转化为结构化的 Excalidraw 可视化图表，按”Why-What-How”三栏布局呈现问题、方案与实现，并以横向流程展示用户旅程。

能做什么

• 自动识别并归类 Why（问题/目标）、What（功能/方案）、How（技术/实现）三类信息
• 生成横向 User Journey 流程图，直观展示用户操作步骤
• 通过颜色区分四类内容：黄色=问题、绿色=方案、蓝色=实现、红粉色=流程
• 文本与容器绑定分组，拖拽时保持整体移动

使用说明

1. 准备数据：从用户输入中提取标题、Why、What、How、Journey 五类信息，创建 JSON 文件（如 temp_visual_data.json）
2. 安装依赖：确保 Python3 环境可用，脚本路径为 skills/pm-visualizer/scripts/layout_diagram.py
3. 执行生成：

   mkdir -p ~/Downloads/Documents/PM_Visuals
   python3 skills/pm-visualizer/scripts/layout_diagram.py temp_visual_data.json ~/Downloads/Documents/PM_Visuals/Output_Name.excalidraw

4. 清理临时文件：删除中间 JSON 文件
5. 交付结果：告知用户输出文件的完整路径

输入与输出

见下方输入与输出表格。

风险提示

• 需提前创建输出目录，否则脚本会报错
• Journey 步骤顺序完全依赖输入数据的排列，不会自动排序
• 颜色编码固定，无法自定义配色方案
• 仅支持本地文件输出，无云端同步功能

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/sairammahadevan/thought-to-excalidraw/SKILL.md
来源类型：GitHub 仓库