erne-debug-video

Analyze screen recordings to detect animation glitches, gesture issues, and scroll jank.

1|Updated Dec 7, 2025
One-click install
npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill erne-debug-video
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: erne-debug-video
Source: https://github.com/treesus6/SkateQuest-Mobile/tree/main/.claude/skills/erne-debug-video
Command: npx skills add https://github.com/treesus6/SkateQuest-Mobile --skill erne-debug-video

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Video-based UI debugging helps identify animation glitches, gesture issues, and layout problems from screen recordings without needing device logs.

Core Features & Use Cases

  • Frame extraction & frame-rate analysis: Extracts key frames from recordings to quantify animation timing and motion
  • Temporal analysis of interactions: Detects jank, race conditions, and state changes across frames
  • Root-cause correlation & reporting: Links visual issues to probable code areas for faster fixes
  • Use Case: When a transition stutters or a gesture misbehaves, this tool highlights affected frames and surfaces potential fixes

Quick Start

Run the /erne-debug-video command on a screen recording to generate a debugging report

Frequently Asked Questions about erne-debug-video

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I debug UI animation stutter and scroll jank from a screen recording?

Debug UI animation stutter by analyzing screen recordings to extract key frames and perform temporal analysis. This detects scroll jank, layout shifts, and gesture issues across mobile and web sessions.

Can I detect layout shifts and input overlaps in mobile web UI sessions?

Yes, you can detect layout shifts and input overlaps by applying temporal analysis to screen recordings. This identifies interaction issues and state changes across frames without needing device logs.

What is temporal analysis for video-based UI debugging?

Temporal analysis for video-based UI debugging extracts key frames from screen recordings to quantify animation timing and motion. It detects race conditions, jank, and state changes across frames to locate visual issues.

Does video-based UI debugging work without device logs?

Video-based UI debugging works without device logs by leveraging multimodal vision and frame extraction on screen recordings. It links visual issues like animation glitches to probable code areas for faster fixes.

How do I generate a UI debugging report from a screen recording?

Generate a UI debugging report by applying multimodal vision to a screen recording. The tool uses a structured issue taxonomy with severity levels to produce actionable findings for animation and gesture issues.

What are the limitations of debugging UI glitches from screen recordings?

Debugging UI glitches from screen recordings is limited to visual temporal analysis. It cannot capture underlying device logs or non-visual code execution states, relying entirely on frame extraction and multimodal vision.