motif MCP gives Claude Code video-watching ability for UI bug reproduction
Claude Code can't natively watch video, which makes diagnosing visual UI bugs — hover states, animations, scroll behavior — tedious because you have to describe the bug in words. motif is a new MCP server that solves this by letting you point Claude Code at a screen recording of the bug.
How it works
You record the bug, point motif at the file, and it returns three things: what's visually happening, the root cause, and a diff. It uses Gemini 2.5 Flash under the hood because that model processes video as a frame sequence rather than a single screenshot — a distinction that matters for bugs involving a 200ms overshoot or a hover state that resets at the wrong time.
Setup
You need a Gemini API key. Then add two lines to your mcp.json:
{
"mcpServers": {
"motif": {
"command": "npx",
"args": ["motif-mcp"],
"env": {
"GEMINI_API_KEY": "your-key-here"
}
}
}
}After that, the interface is simply: tell Claude Code to watch the recording.
Try it
Run npx motif-mcp to get started. The project is early stage, so feedback is welcome.
Who it's for
Developers using Claude Code for front-end work who want to skip the manual bug description step for visual issues.
📖 Read the full source: r/ClaudeAI
👀 See Also
Smriti: A Git-like system for managing LLM reasoning state to prevent conversation drift
Smriti is an open-source tool that lets developers save, restore, branch, and compare reasoning states in LLM conversations to prevent drift. It treats interactions as state rather than chat history, allowing clean rollbacks and alternative exploration without contamination.
Femtobot: Efficient Rust Agent for Low-Resource Environments
Femtobot is a lightweight Rust-based AI agent designed to run efficiently on low-resource machines, such as older Raspberry Pis, through a ~10MB binary without large runtime dependencies.
A2P: An MCP Server That Enforces Engineering Discipline for AI Coding Agents
A2P (Architect-to-Product) is an AI engineering framework packaged as an MCP server that enforces a gated workflow: Architecture → Plan → Build → Audit → Security → Deploy, with each feature slice requiring RED → GREEN → REFACTOR → SAST → DONE progression.
Open-source Claude Code reimplementation patched for local model compatibility
A developer patched the open-source Claude Code reimplementation to work with Ollama and local models by removing hardcoded Anthropic client dependencies. The CLI now auto-detects providers from model names and environment variables.