AI 生成的前端页面越来越丑？给 UI 截图打个”油腻度分数”试试

你有没有这种感觉——AI 生成的前端页面，看着总觉得哪里不对劲，但又说不上来？

大概率是因为它长了一张「AI 脸」：通用卡片网格布局、假数据仪表盘、模糊标签、装饰性渐变玻璃拟态……这些东西堆在一起，妥妥的「套壳 SaaS」既视感。

今天挖到一个免费工具，专门治这个——ui-slop-score，一个给 UI 截图打「油腻度分数」的 Claude Skill。

它能干什么？

上传一张渲染好的 Web 或 iOS 界面截图，它会告诉你：这玩意儿有多像「AI 批量生成」的通用货色。

不是代码检查，不是设计稿批注，是纯视觉的「油腻度」评分，0–100 分，数字越高越像套皮。

评分区间什么意思？

• 0–29：很有产品特色，可以发货，但继续检查各种状态
• 30–59：有默认风格渗入，修最关键的 structural 问题再继续
• 60–79：很可能和其他 SaaS 长得一样，重建层级结构
• 80–100：别发货了，把壳剥掉，从真实产品出发重做

每个区间都附带具体修复建议，不是给个分数就跑。

核心检测点有哪些？

Skill 文档里明确列出常见「AI 脸」特征：

• 通用 dashboard / 卡片网格结构
• 假指标、模糊标签
• 装饰性渐变、玻璃拟态
• 占位内容、无效控件
• 缺少 loading / empty / error 状态

使用流程很简单：看真实截图 → 命名这个界面的核心工作流 → 识别上述特征 → 打出具体分数并解释原因 → 给出最小化修复方案。

适合谁用？

所有人。如果你用 AI coding agent 做过前端页面，或者你是设计师想在上线前做一次诚实的设计评审，或者你是产品经理想快速判断外包稿件是不是套模板——这个 Skill 都能派上用场。

怎么安装？

一行命令搞定：

npx skills add https://uizze.com --skill anti-ui-slop

免费，无需注册账号。搭配 UIZZE MCP 使用可以访问 80 万+ 真实 Web/iOS 截图做参考对比，但 free skill 本身已经足够管用。

GitHub 仓库里还有配套的 GitHub Action，可以在 PR 阶段自动检查前端文件是否出现 inert controls、缺失状态、token 漂移等「AI 脸」指标——适合团队在 CI 阶段加一道门。

一句话总结：如果你的 UI 让用户觉得「这玩意儿 AI 做的吧」，大概率已经扣分了。 用它提前跑一遍，比上线后被用户吐槽好多了。

GitHub：https://github.com/uizze/uizze

GitHub: https://github.com/uizze/uizze