用途:在前端构建、修改或评审中守护功能型 UX,确保用户能理解任务、完成任务、从错误中恢复并信任系统状态。它关注任务流、交互模型、数据处理、状态覆盖、无障碍、响应式与浏览器验证,视觉决策仅在提升理解、速度、信心或错误恢复时才有意义。该技能可独立使用,也可与视觉类技能协作,但不替代其角色。
主要能力:先检查现有前端(框架、路由、数据流、组件、表单、表格、导航、权限、主题、响应式模式),再定义用户任务(目标、入口、主次操作、所需上下文、风险决策、完成信号、失败模式),映射功能路径(正常、空、加载、校验失败、接口失败、部分数据、权限拒绝、破坏性操作、冲突、成功、返回),并写出紧凑的 UX 契约。实现时优先复用现有产品机制,采用语义 HTML、键盘支持、可见焦点、响应式约束、稳定尺寸与可访问名称。
使用方式:按需阅读参考文件,如 functional-ux-guidelines.md、usability-guidelines.md、accessibility-verification.md、functional-quality-rubric.md、frontend-verification.md。协作时按最小路径选择:功能构建或修复可单独使用;涉及视觉设计时由本技能写 UX 契约、视觉技能实现、本技能做最终门禁;仅视觉评审时由评审技能负责。冲突按用户与产品要求、功能与无障碍约束、既有产品机制、视觉方向、润色建议的顺序解决。
适用场景:应用、工具、仪表盘、编辑器、游戏或运营工作流的前端开发与改造,尤其需要状态完整、错误可恢复、键盘可用、响应式可靠时。
限制:不应用于纯装饰或营销页面;不得用应用内说明文字弥补交互设计缺陷;不得隐藏加载、保存、失败、离线、排队、空、阻塞、部分数据等状态;不得仅靠颜色传达含义;不得交付隐藏焦点、仅占位符标签、裁剪文本、重叠内容、不可达控件、死胡同错误或仅鼠标交互。行为或布局变更后,需检查主流程与至少一个窄视口。若无法运行某些功能、无障碍、响应式或浏览器检查,应明确说明。