SuperAPI AI 工具集

critique-color

通用与其它

查看项目

更新于 10-15 22:37

技能介绍

用途:作为配色与无障碍设计审查技能,对某个界面的所有颜色决策做审计,并给出具体修正建议。

主要能力:分四个维度审查。对比度方面,检查正文是否达到 WCAG AA 的 4.5:1、大字号文本是否达到 3:1、按钮与输入框等交互组件及焦点环是否达到 3:1,并列出每个未达标的颜色对及其实测比值与最低要求,同时检查占位文本与禁用态是否影响可用性。调色板一致性方面,检查是否仅使用已定义的 token 值、是否存在任意色值、中性色/主色/强调色是否按既定角色使用、相邻或叠加元素是否产生视觉噪点,以及整体色温是否契合场景。语义用色方面,检查颜色是否被单独用作状态指示(若是则需搭配图标、文案或图案)、状态色(红=错误、绿=成功、琥珀=警告)是否一致、可交互色与非交互色是否清晰区分、装饰色是否被误认为可点击元素。无障碍方面,检查前景/背景组合对红绿色盲(绿色盲、红色盲)是否造成问题、在 Windows 高对比度或强制配色模式下是否仍可用、装饰色是否干扰内容可读性。

输出格式:每个维度给出观察(中性事实描述)、问题(哪里坏了及为何重要)、修复(具体可执行改动,附比值、token 名或配色对),并评定该维度为 pass/轻微问题/严重问题。常见失败模式包括:去掉下划线后链接色在白底上低于 4.5:1、仅用红色表达错误而无图标或文案、浅色面上 40% 不透明度的占位文本对比度不足、个人引入 token 体系之外的一次性 hex 值、可交互与非交互元素使用相同颜色处理。

适用场景:界面设计评审、设计系统用色检查、无障碍合规审查。

限制:资料未提供具体安装命令、收费方式、支持的平台或版本信息;该技能聚焦配色与色彩无障碍,不覆盖排版、间距等其他设计维度。