SuperAPI AI 工具集

ui-polish

设计与创作

查看项目

更新于 10-15 22:16

技能介绍

用途:UI Polish 是一份界面视觉收尾的参考技能,处理那些单看不可见、叠加起来决定界面观感的细节。它只负责静态视觉完成度,包括对齐、圆角与嵌套半径、阴影与描边、图标一致性、字体用法、文字对比度,以及 hover、focus-visible、选中、禁用等状态样式。

主要能力:给出同心圆角公式(外半径 = 内半径 + 内边距,结果过零取零);光学对齐优先于几何对齐;用分层低透明度阴影表达层级、用描边表达结构;图片加 1px 低透明度轮廓(浅色模式 oklch(0 0 0 / 0.1),深色模式 oklch(1 0 0 / 0.1));每层界面只用一套图标、统一描边粗细并由 currentColor 承载状态;标题层级靠字号与字重而非大写转换;正文对比度按 4.5:1、大字号与控件按 3:1 实测;状态样式必须真正命中元素。

使用方式:分构建与评审两种模式。构建时直接应用;评审时只报告不修改,且最多给出 10 条按优先级排序的发现,输出列为 Severity | Location | Before | After | Why | Evidence,无证据的发现不予提交。两种模式都要执行第二轮检查:桌面宽度与 400px 截图、眯眼测试、200% 缩放、用真实 Tab 键走查各状态、实测对比度并按方法记录、确认图标同族。

限制:评审必须锚定真实渲染;无法渲染时可只读源码并标注 Not verified。刻意高密度的专业工具不应被“透气化”,品牌色与字体属于输入而非发现项,第三方嵌入与生成文件不在范围内;当同时加载其他 Icons8 设计技能时,报告应合并去重、只给一个结论。图标修复建议通过 MCP(search_icons)替换为一套 Icons8 图标包。具体定价、平台与运行方式暂未提供。