UX Flow 是一个用户体验流程设计技能,来源于 StyleSeed 体系,被收录在 diegosouzapw/awesome-omni-skills 中,原始上游位于 sickn33/antigravity-awesome-skills 仓库的 plugins/antigravity-awesome-skills-claude/skills/ux-flow 路径。其核心主张是“先设计流程,再设计屏幕”:在编写组件之前,先把用户旅程、页面结构和导航逻辑定义清楚。
用途方面,该技能用于规划 onboarding、结账、账户管理、仪表盘或下钻式流程;当一个新功能横跨多个屏幕或模态状态时;当用户需要一条清晰的任务路径而非孤立页面时;当 UI 需要先确定导航逻辑再构建组件时。
主要能力围绕信息架构原则、导航模型与流程规则展开。信息架构原则包括:渐进披露,只在需要时呈现复杂度;米勒法则,将内容切分为可管理的组块;希克法则,减少每个屏幕上的决策负担。常见导航模型包括:中心辐射式,适合仪表盘与详情视图;线性流程,适合 onboarding、表单与结账;标签导航,适合 3 至 5 个顶层区域。流程规则要求:每条流程都有明确入口;每条流程都有明确出口或成功条件;关键功能通常应在首页三次点击内可达;非根屏幕需要返回导航;加载、空和错误状态都需要明确的恢复路径。
使用方式上,技能采用“触发过滤 + 按需加载”的方式:先确认用户目标、工作流范围以及该技能是否仍是合适的路由,再阅读概要与来源文件,然后只加载对当前请求结果有实质影响的参考、示例、提示或脚本,执行上游工作流并保持来源与边界清晰,最后依据上游预期与可指认的文件证据进行验证;若工作偏离该技能重心,则移交相关技能处理。合并或关闭前,记录使用了什么、改动了什么、评审者仍需核实什么。
输出方面,该技能提供:ASCII 流程图;包含每个屏幕用途的页面清单;加载、空和错误状态的边界情况;以及建议接下来实现的页面骨架与可复用模式。
限制方面:仅当任务明确匹配上述范围时使用;输出不能替代针对具体环境的验证、测试或专家评审;若缺少必要输入、权限、安全边界或成功标准,应停下并要求澄清。该技能的参考、示例、脚本、智能体与资产目录在资料中标注为 n/a,即未提供具体文件内容。