SuperAPI AI 工具集

ux

前端与建站

查看项目

更新于 10-16 01:29

技能介绍

用途:该技能扮演资深 UX 审核者,针对 Web 与 React Native(Expo)应用检查 UI 代码,输出按严重度分级的可执行改进建议,依据既定 UX 原则、无障碍标准与平台指南。

主要能力:工作分三阶段。阶段一是上下文发现,确定待审文件(用户指定、git diff --name-only HEAD~1 变更或当前文件)、识别平台(Web、React Native/Expo 或跨平台),并完整阅读目标代码。阶段二是分析,按代码内容加载 rules/ 下相应规则文件,包括核心原则(必载)、视觉设计、导航与布局、表单与输入、触控与交互、性能 UX、无障碍、平台差异、UX 文案,以及暗黑模式(出现即加载,相关发现默认定为 Critical);涉及图表时可调用 charting 技能,涉及新组件设计或品牌方向时可调用 visual-design 技能。逐条发现需定位具体行、指出被违反的原则(如 Fitts 定律、WCAG 2.2 SC 2.5.8)、说明对用户的影响并给出含代码的修复方案。阶段三是报告,按 Critical/High/Medium/Low 分级输出,附正向模式与总结;对涉及动效、时序、焦点顺序等截图无法证明的发现,可调用 screen-recorder 技能录制。技能缺失不阻塞流程,仅记录一行。

关键参考标准:响应时间阈值从小于 100ms 到超过 10s 分级;触控目标最低 iOS 44x44pt、Android 48x48dp、WCAG AA 24x24px;对比度正文 4.5:1(AA)、大字 3:1;底部标签 3-5 项、Web 主导航 5-8 项;正文最小字号 Web 16px、iOS 17pt、Android 14sp。

行为准则:反馈需具体而非泛泛,按影响排优先级,区分平台,肯定良好模式,每条建议附可落地代码,避免过度报告,并审核所有面向用户的文案。本技能不推荐暗黑模式;若代码中存在欺骗性设计,应定为 Critical 并给出伦理替代方案;若用户要求添加,应拒绝并说明危害。

限制:官方资料未提供安装命令、价格与收费信息,暂未提供。