PM Toolkit - Excalidraw - "Messy Thoughts" to "Visual Spec" in 30 seconds.

Polar Sponsor

爱发电赞助

.NET 9.0

立即下载

{"answer":"将产品经理的思维（Why、What、How、用户旅程）可视化为可编辑的 Excalidraw 图表。当用户要求“可视化规格”、“创建 PM 图表”或“梳理产品思路”时使用。"}

PM 视觉器 Skill

功能概述

PM 视觉器 Skill是一项面向实际任务的技能，主要用于此技能将非结构产品管理器的想法转换为结构化的 Excalidraw 视觉化；Features.；

核心要点

Smart 佈局 : 自动列“ why, What, How” 和 crea。
它将相关步骤、工具调用和结果整理方式集中到统一流程中，帮助使用者更快完成目标并减少重复操作。
使用时应结合输入条件选择合适的执行方式，核对必要参数、依赖环境与输出内容，并按原始要求处理异常情况。

使用与执行

该技能适合需要稳定复用相关能力的场景，可作为自动化工作流的一部分，也便于后续检查、调整和扩展。从功能定位来看，该技能强调把分散的操作要求整理成清晰、可复用的处理流程，使用户能够围绕既定目标快速准备输入、选择执行方式并获得结构化结果。实际使用前应先确认任务范围、数据来源、运行环境、必要权限和关键参数，再依据技能说明逐步执行；

结果检查与注意事项

若输入条件不完整，应先补齐信息或采用保守配置，避免因错误假设导致结果偏离需求。执行过程中需要关注工具调用是否成功、接口或依赖是否可用、输出格式是否符合预期，并对异常提示、缺失字段和边界情况进行处理；涉及批量任务时，还应保存进度，避免中断后重复操作。

PM 可视化技能

该技能将产品经理的非结构化思考转化为结构化的 Excalidraw 可视化图表。

功能特性

智能布局：自动按列排列“Why（为什么）、What（是什么）、How（如何做）”，并为“用户旅程（User Journey）”创建横向流程布局。
颜色编码：通过颜色区分不同语义元素——问题（Why，黄色）、解决方案（What，绿色）、实施方式（How，蓝色）、流程路径（Journey，红色/粉红色）。
分组元素：文本内容与容器正确绑定，确保移动时整体协同操作。

工作流程

分析请求：从用户的提示词或上下文提取以下部分：
- 标题（Title）：功能或产品的名称。
- Why：问题陈述、业务目标，或“我们为何要构建此功能？”
- What：解决方案需求、功能点，或“它是什么？”
- How：技术实现细节、API 策略，或“我们将如何构建它？”
- Journey：用户旅程或流程的顺序步骤列表。

准备数据：创建一个 JSON 文件（例如 temp_visual_data.json），其结构如下：

{
  "title": "Feature Name",
  "why": ["Reason 1", "Reason 2"],
  "what": ["Feature 1", "Feature 2"],
  "how": ["Tech 1", "Tech 2"],
  "journey": ["Step 1", "Step 2", "Step 3"]
}

生成图表：运行 Python 脚本以生成 .excalidraw 文件。

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

请确保输出目录已预先创建。

清理临时文件：删除临时 JSON 输入文件。
反馈结果：通知用户文件已就绪，并提供输出路径。

示例

用户：“可视化一个新功能‘Login with Google’。Why？降低使用门槛。What？登录页上添加 Google 按钮。How？OAuth2。Journey：用户点击按钮 → 弹出 Google 授权窗口 → 重定向至仪表盘。”

Codex 执行动作：

创建 login_spec.json：

{
  "title": "Login with Google",
  "why": ["Reduce friction", "Increase conversion"],
  "what": ["Google Sign-in Button", "Profile Sync"],
  "how": ["OAuth 2.0 Flow", "Google Identity SDK"],
  "journey": ["User clicks 'Sign in with Google'", "Google permissions popup appears", "User approves access", "System verifies token", "User redirected to Dashboard"]
}

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