SuperAPI AI 工具集

enhance_ui

测试与质量

查看项目

更新于 10-15 23:47

技能介绍

用途:当用户希望改善 UI 的外观或交互,或确认近期编辑没有破坏界面时使用该技能。

主要能力:视觉打磨与 UX 优化,包括为交互元素添加悬停/激活状态、确保标题与正文的排版层级和可读性、检查内边距与外边距避免布局拥挤、验证移动端与桌面端的响应式表现。完整性检查(防回归过滤)会显式确认没有误删既有逻辑或代码块、大文件未被截断、按钮点击与输入仍能触发绑定的 JS 函数。测试套件包含冒烟测试(代码能否编译/渲染且无即时错误)、UI 测试(按钮、表单、模态框等关键元素是否正常显示)和响应式检查(视口缩小时是否错乱)。高级验证还要求:无障碍(a11y),交互元素具备可见焦点状态以支持键盘导航,并验证语义化 HTML 与 ARIA 标签;性能影响,确保重动画或背景模糊等视觉增强不损害 Core Web Vitals(如防止累积布局偏移);微交互,在静态悬停状态之外添加细微过渡(如 transition-all duration-200)以提升质感。

使用方式:输入为目标组件/页面(具体文件或 UI 区域)与具体改进目标(例如“添加悬停状态”)。工具策略:用 view_file 分析当前样式,用 replace_file_content 应用样式,如需可视化新设计可选 generate_image。完成后应用增强,并报告“Applied [Styles]. Verified [Integrity Checks]. Confirmed no code loss.”

适用场景:UI 外观与交互改进、响应式适配、编辑后的界面回归验证。

限制:资料未提供具体平台、依赖版本、收费或价格信息;工具名称与命令需按原样使用。