用途:在 UI 构建完成后,判断页面是否“感觉像 Grove”——温暖、有意图、手工感,而不是普通的 SaaS 模板。触发场景包括用户询问“这感觉像 Grove 吗”“检查氛围”,或在任何面向用户页面发布前使用。
主要能力:cat-check 依赖 Glimpse 截图做视觉审查,无法仅凭代码判断温暖度。审查前若涉及单个组件(按钮、卡片、模态框、表单元素),必须先运行 Showroom 做组件级审计,检查设计令牌合规(颜色令牌、间距网格、焦点样式),这是强制门槛。流程分为五阶段:ENTER 用 Glimpse 截图;SNIFF 快速排查明显问题;CIRCLE 深度审查;SETTLE 打分判定;PURR 输出报告。
用法示例: uv run --project tools/glimpse glimpse showroom libs/engine/src/lib/ui/components/primitives/button/button.svelte uv run --project tools/glimpse glimpse matrix "{target_url}?subdomain={tenant}" --seasons autumn,winter --themes light,dark --logs --auto uv run --project tools/glimpse glimpse capture "{target_url}?subdomain={tenant}" --name "{page-name}" --auto
审查维度包括:所有可见文案的语调、颜色令牌使用、4px 间距网格、空状态、加载状态(偏好骨架屏而非加载动画)、排印层级、交互组件八种状态,以及“午夜测试”。评分从 1 到 5 只猫,3/5 是首次尝试的常见结果,5/5 稀缺。
限制:cat-check 不检查代码质量、无障碍、SEO 或技术合规,这些由其他技能负责。它默认结论为 NEEDS WORK,不做曲线评分。所有检查必须先有截图;若 Glimpse 失败,需先修复再继续。其参考资料包括 design-quality.md 及 Chameleon 的颜色与 Glass 组件参考。