用途:ux-flow 用于设计用户流程与导航结构,遵循成熟 UX 模式。适合在流程尚未确定时先梳理结构;不适合实现单个页面(流程确定后用 /ss-page)、撰写各步骤文案(结构确定后用 /ss-copy)、整个产品的信息架构(应先缩小到单一流程)或高保真稿(本技能产出流程图,而非像素级设计)。
主要能力:先读取设计系统参考,包括 CLAUDE.md 的组件清单、DESIGN-LANGUAGE.md 的布局模式(第 13-14、19-20 节)以及 components/patterns/ 中的可用构建块。应用 UX 原则:信息架构上采用渐进式披露、米勒定律(每组 5-9 项)、希克定律(减少每屏选择);导航模式包括中心辐射(仪表盘→详情→返回)、线性流程(表单、引导、结账)和 3-5 个顶层分区的标签导航(BottomNav)。屏幕流程规则要求每个流程有明确入口与出口、从首页到关键功能最多 3 次点击、除根屏幕外始终可返回、错误状态提供恢复路径、加载状态使用骨架屏而非卡片内转圈。页面组合遵循信息金字塔:Hero→KPI 网格→详情→列表,每屏回答一个主要问题,首屏放最重要指标或操作,使用四种区块类型(Full Card、Grid、Carousel、Hero)。
使用方式:以“Design a user flow: $0”形式调用,Description 为 $ARGUMENTS。输出包括 ASCII 流程图、屏幕清单(用途与关键组件)、每屏边界情况(空状态、错误、加载),并按 PageShell、TopBar、BottomNav 模式搭建页面,最后用 /ss-page 约定生成实际页面文件。
限制:仅在任务与上游来源及本地项目上下文明确匹配时使用;应用变更前需验证命令、生成代码、依赖、凭据与外部服务行为;示例不能替代环境特定测试、安全审查,以及对破坏性或高成本操作的用户批准。