用途:UX Flow Planner 是面向 Web 应用的 UX 流程规划技能,用于梳理用户旅程、页面流转和交互顺序,产出结构化图表与边界情况分析。
主要能力:
- 流程图为必产出项,使用 Mermaid flowchart 表示页面到页面的流转;约定方框表示页面、菱形表示判断点、体育场形表示起止点,箭头标注条件,复杂流程用 subgraph 分组。
- 页面清单:为每个页面列出名称、目的、来源、关键内容、可用操作、去向,并给出建议页面类型(列表、详情、表单、仪表盘、设置、空状态)。
- 边界情况与状态:覆盖空状态、错误、加载、权限、破坏性操作、中断、校验、网络等类别,并给出设计响应。
- 状态令牌映射:将流程状态映射到设计系统状态令牌,如成功用 --sds-status-success-bg、--sds-status-success-text,错误用 --sds-status-error-bg、--sds-status-error-text,警告用 --sds-status-warning-,信息用 --sds-status-info-,中性/待定用 --sds-status-neutral-*。
使用方式:开始前先询问澄清问题,包括目标、入口点、成功状态、角色与权限、沿途需要提供或查看的数据;问题保持对话式,上下文中已明确的可跳过。建议先画主路径,再叠加边界情况;页面命名采用“[实体] [动作/视图]”模式;识别可复用模式;尽早考虑权限;思考导航位置与面包屑。
后续衔接:为每个页面建议使用 /wireframe-agent 绘制布局草图;详细规格使用 /page-designer 结合设计系统令牌生成完整布局规格;整体结构使用 /information-architect 验证导航层级。
限制:资料未提供该技能的安装方式、收费模式、支持平台或实际效果说明。