watch-visual

Analyze YouTube videos by aligning visual frames with audio transcripts.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/thiansit/LuPang --skill watch-visual
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: watch-visual
Source: https://github.com/thiansit/LuPang/tree/main/.claude/skills/watch-visual
Command: npx skills add https://github.com/thiansit/LuPang --skill watch-visual

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users learn from YouTube videos when important information is conveyed visually—code on screen, diagrams, UI flows, or demonstrations—that transcripts alone cannot capture, enabling a complete multimodal understanding.

Core Features & Use Cases

  • Frame extraction & sampling: Download videos and extract representative frames at configurable intervals (quick, standard, detailed).
  • Multimodal alignment: Combine frame-level visual analysis with audio transcripts to build a timestamped timeline of visual + spoken content.
  • Visual intelligence: Read on-screen text, identify code, diagrams, UI elements, and notable visual changes to highlight demonstrations and actionable steps.
  • Use Case: Analyze a programming tutorial to extract code snippets shown on screen, identify the demonstration steps, and produce a combined timeline with screenshots and key insights.

Quick Start

Ask the skill to analyze this YouTube URL and specify the analysis detail level (quick, standard, or detailed).

Frequently Asked Questions about watch-visual

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

FAQPage Schema
How do I extract code snippets and diagrams from a YouTube video tutorial?

To extract code snippets and diagrams from a YouTube video tutorial, this Skill downloads the video, extracts periodic frames, and applies visual recognition to capture on-screen content, aligning it with the audio transcript for a complete understanding.

Can I analyze YouTube lectures by combining visual frames with audio transcription?

Yes, you can analyze YouTube lectures by combining visual frame analysis with audio transcription. This multimodal approach extracts periodic frames and aligns visual recognition results with transcript timestamps to build a complete timeline of spoken and visual content.

How do I get a timestamped timeline of visual changes from a video walkthrough?

You can get a timestamped timeline of visual changes from a video walkthrough by extracting periodic frames and identifying notable visual elements. The Skill aligns these visual changes with transcript timestamps to map demonstrations and actionable steps.

Does this video analysis approach work for UI flow demonstrations and on-screen code?

Yes, this video analysis approach works specifically for UI flow demonstrations and on-screen code. It applies OCR and visual intelligence to read on-screen text, identify diagrams, and highlight visual changes essential for learning from walkthroughs.

What is the best way to perform multimodal video analysis for programming tutorials?

The best way to perform multimodal video analysis for programming tutorials is extracting periodic frames at configurable intervals and combining OCR visual recognition with audio transcripts. This produces a combined timeline with screenshots and key insights.

Do I need FFmpeg to extract frames and audio for YouTube video transcription?

FFmpeg is used to download videos and extract periodic frames and audio for YouTube video transcription. The Skill handles frame extraction and audio processing internally to align visual analysis with transcript timestamps automatically.