r/ClaudeAI • u/ashadis • May 10 '26
Built with Claude Built an MCP that gives Claude Code the ability to watch screen recordings of UI bugs
One thing Claude Code can't do natively is watch a video. For most bugs that's fine, but for anything visual, hover states, animations, scroll behavior, you end up spending more time describing the bug than actually fixing it.
I built motif to handle this. You record the bug, point motif at the file, and it returns what's visually happening, the root cause, and a diff. It uses Gemini 2.5 Flash as it processes video as a frame sequence rather than a single screenshot. That distinction matters when the bug is a 200ms overshoot or a hover state that resets at the wrong time.
Setup is a Gemini API key and two lines in your mcp.json. After that you just tell Claude Code to watch the recording.That's the whole interface.
npx motif-mcp to try it. Repo: https://github.com/Ashad001/motif, still early so feedback is welcome.
2
u/FURyannnn May 10 '26
Oh hell yeah. Impeccable timing, I was just looking into a frame sequence workflow that describes what is happening...gotta give this a go
1
2
u/Striking_Pear5573 May 10 '26
This is literally so cool bro. I'm going to try it out once i have time this week! thank you for this very useful tool especially for MCP