SuperAPI AI 工具集

design-auditor

设计与创作

查看项目

更新于 10-15 17:28

技能介绍

用途:对 Web UI(HTML/CSS)做系统性设计与无障碍审计,覆盖 12 个加权类别的设计评分、AI 生成「slop」模式识别、WCAG 色彩对比验证,以及设计系统令牌合规检查,最终输出 Design、AI Slop、Accessibility 三项独立 A-F 评级,并给出优先整改建议与基线对比。

主要能力:完整设计审计按五轮评分 12 个加权类别;AI slop 检测可标记视觉、文案与结构层面的问题并附置信度与逐项修复建议;无障碍审计支持 WCAG AA/AAA 对比度检查并建议最接近的合规颜色;设计系统合规可检测硬编码的颜色、间距、字体、圆角、阴影、z-index 与过渡,报告合规百分比。技能内含 10 条设计原则、带风险累积的修复会话规则与 CI/CD 门禁机制,可集成到组件库构建、QA 流程、前端 PR 审查与部署门禁中。

使用方式:运行前需确认审计类型(全量评分、slop 检测、对比度检查或令牌合规,分别对应不同脚本)、输入产物(findings JSON、HTML/CSS、颜色对或令牌文件)以及合规级别与阈值(WCAG AA/AAA、slop 置信度阈值、最低通过等级);信息不明时应先询问,若用户要求直接起草则需在产物顶部列出假设。必要命令:python scripts/design_scorer.py --input findings.json --output report.json --verbose;python scripts/ai_slop_detector.py --input page.html --css styles.css --threshold 0.6;python scripts/color_contrast_checker.py --input color-pairs.json --level AA --suggest-fixes;python scripts/design_system_validator.py --tokens tokens.json --input src/styles/。各工具均支持 --format json|text 与 --output。

限制:仅覆盖静态设计质量、AI slop、WCAG 对比度与令牌合规,不运行真实浏览器、不做渲染测试,也不替代人工可用性研究;无障碍问题优先级不应标为低,WCAG AA 为最低底线。价格、收费模式等暂未提供。