SuperAPI AI 工具集

ui-expert

通用与其它

查看项目

更新于 10-16 04:33

技能介绍

用途:ui-expert 用于 Web 界面的构建(新建页面、组件或样式系统)、优化(在不重写的前提下改进现有实现)和审查(审计 UI/UX、可访问性、响应式与交互质量)。

主要能力:默认采用语义化 HTML、现代 CSS 和小型 JavaScript,保持框架无关。强调清晰的信息层级、有节奏的间距、有响应的交互(按下、悬停、聚焦、拖拽、加载),并为空状态、错误、加载和成功状态做设计。性能上优先动画 transform 与 opacity,控制模糊、阴影与重绘范围,尽量少用 JS。可访问性作为基本要求:可见焦点、键盘可达、足够对比度、合理标签、足够大的触控目标、可减少动效,以及表单错误提示与恢复路径。

使用方式:先确定处于 Build、Refine 还是 Review 模式;上下文不足时只问最少问题(面向谁、主要用户任务、期望感受、品牌/可访问性/性能/浏览器或技术栈约束)。实现前用 1-3 行写明方向(目的、受众、调性、差异化细节)。按语义结构、内容层级、布局、状态与交互、视觉打磨的顺序构建。交付时给出方向说明、实现和关键的 UX/可访问性/性能取舍;审查时用问题、修改、原因三列表格,优先高杠杆修复。

适用场景:希望避免通用模板感、需要更强视觉观点与交互细节的 Web 界面工作。限制:除标题和链接外,工具未提供价格、平台或安装命令等具体信息。