SuperAPI AI 工具集

premium-ui-revamp

通用与其它

查看项目

更新于 10-16 05:01

技能介绍

用途:把已有界面改造成可信、有意图的产品体验。保留可用部分,从产品语境推导设计方向,在现有技术栈中实现改进,并验证渲染结果,而不是止步于建议。

主要能力:先检查仓库,识别框架、入口、目标路由、组件树、全局样式、令牌、主题、组件库、图标、字体、品牌资产、响应式行为、交互状态以及构建、lint、测试、预览命令;在桌面与移动尺寸建立基线。随后写一份简短设计简报,明确产品与用户、期望气质、视觉主张、层级与约束。审计按结构性问题、系统性问题、细节打磨三层排序修复。选择有意图的方向,明确内容宽度、密度、字体角色、配色、边框圆角、表面规则、图像处理、签名母题与动效目的。实现顺序为:语义结构与内容顺序、令牌与共享变量、网格与断点、排版与控件、重复组件与交互状态、最后才是图像细节与动效。

使用方式:在现有框架与样式系统中工作,仅在收益明确且项目未解决该需求时添加依赖。使用真实内容与真实状态,不靠占位文案或装饰图形掩盖结构问题。优先流体尺寸、弹性网格与内容驱动断点,使用语义 HTML 并保留键盘行为,按需覆盖 hover、focus-visible、active、selected、disabled、loading、empty、error、success 状态。

适用场景:现有 Web 界面显得模板化、通用或明显由 AI 生成,需要在不改变产品行为的前提下提升专业度与一致性。

限制:不替换技术栈、不重写无关组件、不虚构品牌、不为方便改造而改变产品行为。若用户只要分析,则审计与建议后停止。不得声称通过无障碍合规,除非实际测量过。具体命令、依赖与验证工具资料未提供。