ux-map-maker

UX Map Maker 是一个 UX 可视化技能，目标是理解用户想表达的用户体验内容，并生成合适的交互式可视化产物，输出为独立 HTML 文件。它提供三种地图类型：交互流程图适合抽象流程、系统架构、阶段导航和工程交接，采用 D3.js 节点箭头图，含概览、流程、细节三级语义缩放，支持决策菱形、连接线上的动作标签、正交路由、阶段分组和 MoSCoW 状态；屏幕流程图适合 UI 导航图、线框流程和设计交接，用简化线框模拟界面，以蓝色动作标签连接屏幕；客户旅程图适合体验文档、利益相关者演示、痛点分析和机会识别，采用表格网格布局，含情绪曲线、痛点、机会、角色徽章和触点。选择依据是：关注情绪、痛点或机会用旅程图；需要看到实际屏幕线框用屏幕流程图；关注流程、决策或系统架构用交互流程图；不确定时可询问用户。使用时先理解请求，明确主题、受众、保真度和维度，再收集内容，可接受口头描述、结构化文档、Mermaid 图、功能规格或已有图表；输入不足时提出聚焦问题。随后读取对应子技能的 SKILL.md 并按其设计标准构建 HTML，再通过项目开发服务器提供并打开浏览器供用户审阅，最后建议改进和补充地图。多个地图可通过屏幕名称或阶段相互引用。限制：不支持把多种地图合并为单个文件，只能构建相互补充的独立文件；资料未提供具体安装命令、收费或平台信息。