SuperAPI AI 工具集

ui-ux-pro-max

设计与创作

查看项目

更新于 10-15 22:37

技能介绍

用途:当任务涉及界面结构、视觉设计决策、交互模式或体验质量把控时使用。凡是会改变功能外观、手感、动效或交互方式的任务都适用,例如设计落地页、仪表盘、后台、SaaS 与移动应用页面,创建或重构按钮、弹窗、表单、表格、图表等组件,选择配色、字体系统、间距与布局,审查 UI 代码的可用性与可访问性,实现导航、动画与响应式行为。纯后端逻辑、仅 API 或数据库设计、与界面无关的性能优化、基础设施与运维、非视觉脚本任务无需使用。

主要能力:资料按 1 到 10 的优先级划分规则类别——可访问性(对比度 4.5:1、焦点环、alt 文本、aria 标签、键盘导航、标题层级、动态字号、减少动效)、触控与交互(触控目标最小 44×44、间距 8px、按压反馈、手势冲突)、性能(WebP/AVIF、懒加载、预留空间控制 CLS、代码分割、列表虚拟化、主线程预算)、风格选择(风格与产品类型匹配、用 SVG 图标而非 emoji、深浅色配对)、布局与响应式(移动优先、断点、无横向滚动、z-index 分层)、字体与颜色(行高 1.5-1.75、字号阶梯、语义化颜色令牌、表格数字对齐)、动画(150-300ms、仅用 transform/opacity、缓动与方向、可中断)、表单与反馈(可见标签、就近报错、提交反馈、渐进披露)、导航模式与图表数据。

使用方式:以可检索数据库形式提供,支持按 --domain <Domain> 查询特定领域细节,并用 --design-system 获取风格建议。

限制:资料未提供具体安装命令、收费方式、支持平台或实际效果数据;所有准则为设计参考,需结合具体项目验证。