检测任何网页中常见的 UI 反模式
Impeccable 直接在浏览器中检测 24 种常见的 UI 反模式。在任何页面上打开 DevTools，覆盖层会立即突出显示问题，从人工智能生成的设计告诉到可访问性和质量问题。
它检测到什么
AI slop（设计告诉人们尖叫“AI 创造了这个”）：
- 侧边标签口音边框
- 标题上的渐变文本
- 紫色/紫罗兰色AI调色板
- 嵌套卡片，单调的间距
- 弹跳/弹性缓动
- 带有发光口音的黑暗模式
- 过度使用的字体、平面类型层次结构
质量问题（总体设计和可访问性）：
- 低对比度文本 (WCAG AA)
狭窄的填充，紧张的线高度
- 跳过标题级别
- 线路长度太长
- 微小的正文，对齐的文本
- 布局属性动画
它是如何运作的
1.安装扩展
2. 在任意页面打开 DevTools (Cmd+Opt+I / F12)
3. 叠加层自动出现，突出显示问题
4. 单击“无可挑剔”面板选项卡，查看所有结果的结构化列表
5. 单击任何结果可跳转到“元素”面板中的元素
特征
- DevTools 打开时自动扫描，无需手动步骤
- 分组发现：人工智能告诉与质量问题
- 点击检查：从发现结果跳转到元素
- 从面板或弹出工具栏打开/关闭叠加
- 每规则设置：禁用您不关心的检测
- 重新扫描导航，包括 SPA 路线变更
- 适用于任何网站
- 100%本地运行，没有数据发送到任何地方
开源于 https://github.com/pbakaus/impeccable