video-debug
CommunityAnalyze UI from screen recordings to find bugs.
Software Engineering#ffmpeg#ui-testing#bug-analysis#screen-recording#frame-extraction#video-debugging
Authormatsuyoshi30
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Screen recording UI debugging often requires manual frame-by-frame inspection, making bug reproduction slow and error-prone.
Core Features & Use Cases
- Frame extraction: Converts screen recordings into a sequence of frames using ffmpeg for chronological analysis.
- UI behavior analysis: Tracks state changes, button interactions, modals, and loading indicators across frames to surface issues.
- Bug discovery & verification: Helps QA diagnose layout problems, performance gaps, and interaction regressions with concrete frame references.
- Use Case: When a bug reproduces only in video footage, quickly locate the exact frame where the issue appears and provide a reproducible description for developers.
Quick Start
Provide a screen recording video and ask the AI to analyze the frames for UI bugs.
Dependency Matrix
Required Modules
ffmpegffprobeImageMagickpython3
Components
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: video-debug Download link: https://github.com/matsuyoshi30/dotfiles/archive/main.zip#video-debug Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.