PeepMotion:AI 生成界面的动效体检器
检查 AI 写出来的页面里坏掉的动画、重叠元素和错位布局
- 痛点
- 用 coding agent 生成前端页面时,动画经常坏掉、元素重叠、布局错位,但代理自己看不到渲染结果,用户只能肉眼一个个找,再描述给代理修。已有工具在尝试用 Chromium 检查渲染并回馈代理,说明这块是普遍痛点。
- 方案
- 给 AI 编码工作流用的检查 CLI:用无头浏览器打开本地页面,自动检测坏动画、元素重叠、溢出与布局异常,输出结构化问题清单和截图,可直接作为反馈喂给 agent 修复。提供一次性检查命令与 CI 集成。
- 用户
- 用 Claude Code、Codex 等代理写前端的独立开发者与小团队
- MVP
- 无头浏览器打开本地 URL;检测重叠、溢出、动画卡死与缺失元素;输出带截图的问题清单;一个 CLI 命令即可运行;支持把结果写成 agent 可读格式
- 变现
- 开源核心 + 付费的 CI 集成与团队规则库;按项目订阅的托管检查服务
- 为何现在
- 代理写前端已成主流工作流,而视觉正确性正是代理盲区;基于 Chromium 与现有检测手段,一人几周可做出可用版本