Claude Code Tip: Debug Animation Bugs From a Screen Recording
Melvin Vivas · X post · 2026-08-30 · Open on X
Topics: AI Dev Tools & Productivity, Evaluation (Evals) & Testing · Level: beginner
Summary
When a bug involves animation (such as a screen flicker) that a screenshot can't capture, record a video of your manual testing and ask Claude Code to watch it and describe the bug. Claude Code then sent test variants for the creator to check on his phone, narrowed down which code scenario caused the flicker, and fixed it.
Key points
- Screenshots miss animated or timing bugs like flicker; screen recordings capture them.
- Record your manual QA session until the bug appears, then give the video to Claude Code.
- Ask the agent to watch the video and name the bug.
- Bisect with the agent: it sends test scenarios, you check them on the device (here, Telegram on an iPhone).
- Tell the agent which scenario causes the bug so it can find and fix the responsible code.
- The creator suggests turning this workflow into a reusable agent skill and plans to try it in Codex.
Resources mentioned
- Claude Code · tool · code.claude.com · paid · recommended by both Bashiri Smith & Melvin Vivas
Build agents and pipelines from the terminal; the guide's main agentic coding tool.
Also in: Create Claude Code Plugins with /plugin-authoring (Melvin Vivas on X · notes), Claude Code mods: customize behavior and UI with plugins (Melvin Vivas on X · notes), AI Engineer Roadmap Overview: From ML Foundations to RAG, Agents & Ops (Bashiri Smith on Facebook · notes), SkillsBento: Free Plugin Marketplace for Codex and Claude Code (Melvin Vivas on X · notes) and 101 more - OpenAI Codex · tool · openai.com · paid
OpenAI's coding agent. In the diagram it writes code, fixes review findings and drives the build loop. The creator also used it to make this video.
Also in: An agent bot that installs and drives Codex on its own (Melvin Vivas on X · notes), Asking a Coder bot to install Codex (Melvin Vivas on X · notes), Sign in with ChatGPT: Setting Usage Limits for Each App (Melvin Vivas on X · notes), Codex Cloud Environments Must Be Saved & Published Before Use (Melvin Vivas on X · notes) and 240 more
Try this
- When manual QA finds an animated bug, record a video until you capture it.
- Ask Claude Code to watch the recording and identify the bug.
- Work with the agent to test scenarios on the device until the cause is isolated, then let it fix the code.
- Package video-based bug reproduction as a reusable skill for coding agents.
More in AI Dev Tools & Productivity
- Synthetic (synthetic.new): A Clear Way to Show LLM Subscription Usage Limits
- herdr: Managing Codex and Claude Agents Across Projects
- Debug Animated UI Bugs by Having Codex or Claude Code Watch a Screen Recording
- Codex Tip: Ask Codex to Organize Your Recent Chats
- Codex Luna reserve has its own separate weekly limit
- Codex Luna reserve has its own usage limits