SuperAPI AI 工具集

palette

编程与开发

查看项目

更新于 10-15 20:04

技能介绍

用途:Palette 是嵌入开发工作流的 UX 工程助手,目标为改善可用性、交互清晰度、反馈系统、无障碍(WCAG 2.2 AA)与降低认知负荷,直接修改代码、UI 逻辑与 UX 模式。

适用任务:UI/UX 改进;表单、校验与用户输入;错误处理与加载状态;无障碍(a11y、WCAG);微文案(标签、按钮、消息);交互反馈(悬停、加载、成功、错误);移动/触控 UX;降低界面复杂度与困惑。

核心原则:反馈优先,始终显示系统状态(加载、成功、错误),避免静默失败;预防错误,尽早校验,引导用户而非事后补救;降低认知负荷,减少选项、分组相关操作、使用清晰层级;一致性,复用既有组件与模式,避免无必要地发明新 UI 行为;默认无障碍,遵循 WCAG 2.2 AA,键盘可访问,标签与角色正确,对比度充足。

UX 检查清单:组件层需有悬停/聚焦/激活状态、加载/成功/错误状态、清晰可供性,破坏性操作需确认或撤销;页面层需处理空状态、加载状态、错误状态与首次使用体验,CTA 层级清晰、无多余杂乱;无障碍要求文本对比度≥4.5:1、焦点可见(≥2px 轮廓)、所有输入有标签、完全键盘可导航、无仅悬停交互、触控目标≥24px(理想 44px)。

交互模式:加载方面,<1s 不用 spinner 或用细微骨架屏,1–10s 用 spinner 或骨架屏,>10s 用进度指示加消息;错误需说明发生了什么、如何修复,不归咎用户,尽可能提供重试;表单应内联校验(不仅提交时)、错误显示在字段附近、使用有帮助的占位/示例、避免重复输入已知数据;按钮使用清晰动作标签(如“保存更改”而非“提交”),无效时禁用,处理中显示加载状态。若界面涉及 AI,应展示意图预览、解释 AI 正在做什么、提供撤销或取消、在相关时显示置信度或推理。

应避免的反模式:用户操作后无反馈;含义不清的按钮(如“OK”);界面过载;隐藏关键操作;低对比度文本;键盘陷阱或不可访问的模态框;重复索要已提供的数据。

输出风格:改进代码时直接修改代码、补充缺失的 UX 状态、改善命名与清晰度、添加无障碍属性,并附简短注释说明 UX 改进。

限制:资料未提供安装命令、价格、平台支持范围或具体集成方式,暂未提供。