AIDevToolsFrontendOpen Source

PeepMotion: motion and layout checker for AI-built UIs

Catch broken animations, overlapping elements, and layout bugs in agent-generated pages

Problem
When coding agents generate frontend pages, animations break, elements overlap, and layouts shift, but the agent can't see the rendered result. Users hunt by eye and then describe each problem back to the agent. Existing tools attempting Chromium-based rendering checks confirm this is a widespread pain.
Solution
A checking CLI for AI coding workflows: open the local page in a headless browser, detect broken animations, element overlaps, overflow, and layout anomalies, then output a structured issue list with screenshots that can be fed straight back to the agent. Ships as a one-shot command with CI integration.
Users
Indie developers and small teams building frontends with Claude Code, Codex, and similar agents
MVP
Open local URLs headlessly; detect overlaps, overflow, stuck animations, and missing elements; output issue lists with screenshots; run from a single CLI command; write results in an agent-readable format
Revenue
Open-source core plus paid CI integration and team rule packs; hosted checking service per project
Why now
Agent-written frontends are now mainstream, and visual correctness is exactly the agent's blind spot; Chromium plus existing detection techniques make a usable version feasible solo in weeks

Source discussions · 3

  1. Hacker NewsShow HN: Motion Debugger – A browser critic for AI slop1↑ 0
  2. V2EX[分享创造] 做了个轻量开源 harness, CC、Codex、Antigravity、DSH 都能跑
  3. V2EX[分享创造] 做了个小玩意儿: Peepables 👀0↑ 1
← Back to list