PM Toolkit - Excalidraw - "Messy Thoughts" to "Visual Spec" in 30 seconds. — PM Toolkit - Excalidraw - 30秒内将“混乱思维”转化为“视觉规格”。

PM Visualizer 技能 该技能将产品经理的非结构化思维转化为结构化的 Excalidraw 可视化。 功能 智能布局：自动列出“为什么、什么、如何”并为“用户旅程”创建水平流程。 颜色编码：区分问题（为什么 - 黄色）、解决方案（什么 - 绿色）、实现（如何 - 蓝色）和流程（旅程 - 红色/粉色）之间的视觉差异。 分组元素：文本正确地绑定到容器中，因此它们可以一起移动。 工作流程 分析请求：从用户的提示或上下文中提取以下部分： 标题：功能或产品名称。 为什么：问题陈述、业务目标或“为什么要构建它？” 什么：解决方案要求、功能或“是什么？” 如何：技术实现细节、API 策略或“如何构建它？” 旅程：用户旅程或流程的顺序步骤列表。 准备数据：创建一个 JSON 文件（例如 temp_visual_data.json），结构如下： { “标题”： “功能名称”， “为什么”： [“原因 1”， “原因 2”]， “什么”： [“功能 1”， “功能 2”]， “如何”： [“技术 1”， “技术 2”]， “旅程”： [“步骤 1”， “步骤 2”， “步骤 3”] } 生成图表：运行 python 脚本生成 .excalidraw 文件。 python3 skills/pm-visualizer/scripts/layout_diagram.py temp_visual_data.json ~/Downloads/Documents/PM_Visuals/Output_Name.excalidraw 确保输出目录存在。 清理：删除临时 JSON 输入文件。 报告：通知用户文件已准备好并位于输出路径。 示例用户： “可视化新的‘使用 Google 登录’功能。为什么？减少摩擦。什么？登录页面上的 Google 按钮。如何？OAuth2。旅程：用户点击按钮 -> Google 弹出窗口 -> 重定向到仪表板。” Codex 操作：创建 login_spec.json： { “标题”： “使用 Google 登录”， “为什么”： [“减少摩擦”， “增加转化率”]， “什么”： [“Google 登录按钮”， “配置文件同步”]， “如何”： [“OAuth 2.0 流程”， “Google Identity SDK”]， “旅程”： [“用户点击‘使用 Google 登录’”， “Google 权限弹出窗口出现”， “用户批准访问”， “系统验证令牌”， “用户重定向到仪表板”] } mkdir -p ~/Downloads/Documents/PM_Visuals python3 skills/pm-visualizer/scripts/layout_diagram.py login_spec.json ~/Downloads/Documents/PM_Visuals/Login_Spec.excalidraw