用途:critique 用于从 UX(用户体验)视角评估设计,审视视觉层级、信息架构、情感共鸣、认知负荷和整体设计质量,并输出结构化的评审报告与后续建议命令。
主要能力:技能按步骤执行。步骤 1 要求先调用 /impeccable 并遵循其中的设计原则、反模式与 Context Gathering Protocol;若尚无设计上下文,必须先运行 /impeccable teach,并收集该界面试图达成的目标。步骤 2 进行两项相互独立的评估:评估 A 为 LLM 设计评审,阅读 HTML/CSS/JS/TS 源文件并在可用时借助浏览器可视化检查,重点关注 AI 生成感(AI slop)检测、整体设计审查、认知负荷(含 8 项检查清单、决策点可见选项数量、渐进披露)、情感旅程(Peak-end rule、情绪低谷)以及 Nielsen 十大启发式评分(0-4 分)。评估 B 为自动化检测,运行内置确定性检测器,标记 25 种特定模式。
使用方式:CLI 扫描命令为 npx impeccable --json [--fast] [target],可传入 HTML/JSX/TSX/Vue/Svelte 文件或目录,不要传纯 CSS 文件;URL 目标跳过 CLI 改用浏览器可视化。大量文件(200+)可用 --fast,500+ 建议缩小范围。退出码 0 表示无问题,2 表示有发现。浏览器可视化可启动 npx impeccable live &,记录端口后用脚本注入 http://localhost:PORT/detect.js,读取控制台中以 [impeccable] 为前缀的日志,完成后用 npx impeccable live stop 停止。步骤 3 将两项评估综合成一份报告,结构包括设计健康分(Nielsen 十项评分表,满分 40)、反模式结论、整体印象、做得好的地方、按 P0-P3 排序的优先问题、人设红旗、次要观察和思考问题。步骤 4 结合具体发现向用户提出 2-4 个针对性问题。步骤 5 按用户优先级列出推荐命令,可选命令限于 /animate、/quieter、/shape、/optimize、/adapt、/clarify、/layout、/distill、/delight、/audit、/harden、/polish、/bolder、/typeset、/critique、/colorize、/overdrive,最后以 /polish 收尾。
适用场景:适用于对网页或应用界面进行系统化 UX 评审,尤其关注 AI 生成风格痕迹、认知负荷和可用性问题。
限制:浏览器可视化需浏览器自动化工具可用;CLI 扫描依赖 Puppeteer,URL 目标不适用;子代理不可用时需顺序完成评估;评分 4 分代表真正优秀,多数真实界面在 20-32 分区间。技能未提供关于收费、价格或支持平台的信息。