Back to browse
GitHub Repository

Give a coding agent eyes for motion: capture a UI animation as a timed burst and tile it into one labeled contact sheet a vision model can read.

1 starsJavaScript

Motion-contact-sheet – give a coding agent eyes for motion

by kal9000·Jun 18, 2026·2 points·0 comments

AI Analysis

●●●BangerBig BrainWizardry

Turns temporal animation bugs into static images that vision models can actually read and debug.

Strengths
  • Slowdown factor stretches animations so burst capture lands frames on actual motion transitions.
  • CSS selector clipping auto-crops to only the pixels that change during animation.
  • Edge densification catches snap and flash bugs in first and last frames.
Weaknesses
  • Requires Playwright and Chromium installation adds setup friction for quick debugging.
  • Only works for web-based animations; native app motion requires different tooling.
Target Audience

Frontend developers using AI agents for UI testing and animation debugging

Similar To

Playwright · Percy · Chromatic

Similar Projects

AI/MLMid

Tiny project memory for coding agents

Structured context files for agents when Cursor rules and Continue configs already exist.

Ship It
SevenQin
109d ago
Developer Tools●●Solid

Metatron – give coding agents your team's conventions over MCP

Structured decision records beat static .cursorrules files for maintaining team consistency.

Solve My ProblemBig BrainShip It
kerbelp
1011d ago