video-analyzer

$npx mdskill add mkurman/zorai/video-analyzer

Extract and analyze video frames for design systems and scene detection.

  • Generates design assets and detects scene boundaries from video content.
  • Depends on FFmpeg for frame extraction and AI vision for analysis.
  • Prioritizes scene-change frames over fixed intervals for efficient processing.
  • Delivers structured data on color palettes, timing, and visual diversity.
SKILL.md
.github/skills/video-analyzerView on GitHub ↗
---
name: video-analyzer
version: 0.1.0
description: >
  Use this skill when analyzing existing video files using FFmpeg and AI vision,
  extracting frames for design system generation, detecting scene boundaries,
  analyzing animation timing, extracting color palettes, or understanding
  audio-visual sync. Triggers on video analysis, frame extraction, scene
  detection, ffprobe, motion analysis, and AI vision analysis of video content.
tags: [ffmpeg, video-analysis, frame-extraction, ai-vision, scene-detection, design-system, experimental-design, writing]
category: video
recommended_skills: [remotion-video, video-creator, video-scriptwriting]
platforms:
  - claude-code
  - gemini-cli
  - openai-codex
license: MIT
maintainers:
  - github: maddhruv
---

## Key principles

1. **Extract then analyze** - Always separate frame extraction (FFmpeg) from
   semantic analysis (AI vision). Trying to do both in one step leads to
   brittle pipelines. Extract frames to disk first, then analyze them.

2. **Use ffprobe before ffmpeg** - Before processing any video, inspect it
   with ffprobe to understand its properties. Blindly running FFmpeg commands
   on unknown formats leads to silent failures and corrupted output.

3. **Scene detection over fixed intervals** - When analyzing video content,
   extract frames at scene boundaries rather than fixed time intervals. Scene
   change frames capture the visual diversity of the video with far fewer
   frames than one-per-second extraction.

4. **JSON output everywhere** - Use ffprobe's JSON output format and structure
   your analysis results as JSON. This makes pipelines composable and results
   machine-readable.

5. **Disk space awareness** - Video frame extraction can generate thousands of
   large image files. Always estimate output size before extracting, use
   appropriate image formats (JPEG for analysis, PNG for pixel-perfect work),
   and clean up temporary frames after analysis.

---

## Core concepts

### FFmpeg pipeline architecture

FFmpeg processes video through a pipeline of demuxing, decoding, filtering,
encoding, and muxing. For analysis, we primarily use the decode and filter
stages:

```
Input file -> Demuxer -> Decoder -> Filter graph -> Output (frames/data)
```

Key filter concepts for analysis:
- `select` filter: choose which frames to output based on expressions
- `showinfo` filter: print frame metadata (timestamps, picture type, etc.)
- `scene` detection: pixel-level difference score between consecutive frames
- `fps` filter: reduce frame rate to extract at regular intervals

### Scene detection

Scene detection works by comparing consecutive frames using pixel difference.
FFmpeg's `scene` filter produces a score from 0.0 (identical) to 1.0
(completely different). A threshold of 0.3-0.4 catches major scene changes
while ignoring camera motion and lighting shifts.

| Threshold | Behavior |
|-----------|----------|
| 0.1-0.2 | Very sensitive - catches pans, zooms, lighting changes |
| 0.3-0.4 | Balanced - catches cuts, transitions, major changes |
| 0.5-0.7 | Conservative - only hard cuts and dramatic scene changes |
| 0.8-1.0 | Too aggressive - misses most scene changes |

### AI vision analysis workflow

The workflow for extracting structured data from video using AI vision:

1. **Probe** - Get video metadata with ffprobe (duration, resolution, fps)
2. **Extract** - Pull key frames at scene boundaries using FFmpeg
3. **Read** - Load each frame image using the Read tool (supports images)
4. **Analyze** - For each frame, identify colors, typography, layout, components
5. **Aggregate** - Find consistent patterns across frames
6. **Output** - Produce structured design system or content analysis

---

## Common tasks

### 1. Install and verify FFmpeg

Check if FFmpeg is available and inspect its version and capabilities.

```bash
# Check FFmpeg installation
ffmpeg -version

# Check ffprobe installation
ffprobe -version

# Install on macOS
brew install ffmpeg

# Install on Ubuntu/Debian
sudo apt-get update && sudo apt-get install -y ffmpeg

# Verify supported formats
ffmpeg -formats 2>/dev/null | head -20

# Verify supported codecs
ffmpeg -codecs 2>/dev/null | grep -i h264
```

### 2. Extract key frames at scene boundaries

Extract only the frames where significant visual changes occur. This is the
most efficient way to sample video content.

```bash
# Extract frames at scene changes (threshold 0.3)
mkdir -p scenes
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)',showinfo" \
  -vsync vfr \
  scenes/scene_%04d.png \
  2>&1 | grep showinfo

# Extract with timestamps logged to a file
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)',showinfo" \
  -vsync vfr \
  scenes/scene_%04d.png \
  2>&1 | grep "pts_time" > scenes/timestamps.txt

# Extract scene frames as JPEG (smaller files, good for analysis)
mkdir -p scenes
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)'" \
  -vsync vfr \
  -q:v 2 \
  scenes/scene_%04d.jpg
```

### 3. Extract frames at regular intervals

When you need evenly spaced samples regardless of content changes.

```bash
# Extract one frame per second
mkdir -p frames
ffmpeg -i input.mp4 -vf "fps=1" frames/frame_%04d.png

# Extract one frame every 5 seconds
mkdir -p frames
ffmpeg -i input.mp4 -vf "fps=1/5" frames/frame_%04d.png

# Extract only I-frames (keyframes from the codec)
mkdir -p keyframes
ffmpeg -i input.mp4 \
  -vf "select='eq(pict_type,I)'" \
  -vsync vfr \
  keyframes/kf_%04d.png

# Extract a single frame at a specific timestamp
ffmpeg -i input.mp4 -ss 00:01:30 -frames:v 1 thumbnail.png

# Extract first frame only
ffmpeg -i input.mp4 -frames:v 1 first_frame.png
```

### 4. Analyze video metadata with ffprobe

Inspect video properties before processing. Always use JSON output for
machine-readable results.

```bash
# Full metadata as JSON (streams and format)
ffprobe -v quiet \
  -print_format json \
  -show_format \
  -show_streams \
  input.mp4

# Get duration only
ffprobe -v error \
  -show_entries format=duration \
  -of default=noprint_wrappers=1:nokey=1 \
  input.mp4

# Get resolution
ffprobe -v error \
  -select_streams v:0 \
  -show_entries stream=width,height \
  -of csv=s=x:p=0 \
  input.mp4

# Get frame rate
ffprobe -v error \
  -select_streams v:0 \
  -show_entries stream=r_frame_rate \
  -of default=noprint_wrappers=1:nokey=1 \
  input.mp4

# Get codec information
ffprobe -v error \
  -select_streams v:0 \
  -show_entries stream=codec_name,codec_long_name,profile \
  -of json \
  input.mp4

# Count total frames
ffprobe -v error \
  -count_frames \
  -select_streams v:0 \
  -show_entries stream=nb_read_frames \
  -of default=noprint_wrappers=1:nokey=1 \
  input.mp4
```

### 5. Detect scenes and list timestamps

Get a list of scene change timestamps without extracting frames.

```bash
# List scene change timestamps
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)',showinfo" \
  -f null - \
  2>&1 | grep pts_time

# Extract scene scores for every frame (for analysis)
ffmpeg -i input.mp4 \
  -vf "select='gte(scene,0)',metadata=print" \
  -f null - \
  2>&1 | grep "lavfi.scene_score"

# Count number of scene changes
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)',showinfo" \
  -f null - \
  2>&1 | grep -c "pts_time"
```

### 6. Extract audio waveform and detect silence

Analyze the audio track for silence gaps, volume levels, and visual
waveforms.

```bash
# Detect silence periods (useful for finding chapter breaks)
ffmpeg -i input.mp4 \
  -af silencedetect=noise=-30dB:d=0.5 \
  -f null - \
  2>&1 | grep silence

# Generate audio waveform as image
ffmpeg -i input.mp4 \
  -filter_complex "showwavespic=s=1920x200:colors=blue" \
  -frames:v 1 \
  waveform.png

# Analyze volume levels
ffmpeg -i input.mp4 \
  -af volumedetect \
  -f null - \
  2>&1 | grep volume

# Extract audio spectrum visualization
ffmpeg -i input.mp4 \
  -filter_complex "showspectrumpic=s=1920x512:color=intensity" \
  -frames:v 1 \
  spectrum.png
```

### 7. AI vision analysis workflow

Extract frames then analyze them with Claude's vision capability to extract
structured information from video content.

```bash
# Step 1: Probe the video
ffprobe -v quiet -print_format json -show_format -show_streams input.mp4

# Step 2: Extract scene frames
mkdir -p analysis_frames
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.3)'" \
  -vsync vfr \
  -q:v 2 \
  analysis_frames/frame_%04d.jpg
```

After extracting frames, use the Read tool to load each image. The Read tool
supports image files (PNG, JPG, etc.) and will present them visually. For
each frame, analyze:

- **Colors**: Extract dominant hex color values, background colors, accent colors
- **Typography**: Identify font sizes, weights, line heights, heading hierarchy
- **Layout**: Detect grid patterns, flex layouts, spacing rhythms, margins
- **Components**: Identify buttons, cards, headers, navigation, forms
- **Animation state**: Note transitions, hover states, loading indicators

Aggregate findings across all frames to build a consistent design system.

### 8. Design system extraction from video

A complete workflow for extracting a design system from a product demo or
UI walkthrough video.

```bash
# Step 1: Get video info
ffprobe -v quiet -print_format json -show_format input.mp4

# Step 2: Extract scene frames (captures each unique screen)
mkdir -p design_frames
ffmpeg -i input.mp4 \
  -vf "select='gt(scene,0.4)'" \
  -vsync vfr \
  -q:v 1 \
  design_frames/screen_%04d.png

# Step 3: Also extract at regular intervals for coverage
ffmpeg -i input.mp4 \
  -vf "fps=1/3" \
  -q:v 1 \
  design_frames/interval_%04d.png
```

After frame extraction, analyze each frame with AI vision and compile:

```json
{
  "colors": {
    "primary": "#2563EB",
    "secondary": "#7C3AED",
    "background": "#FFFFFF",
    "surface": "#F3F4F6",
    "text": "#111827",
    "textSecondary": "#6B7280"
  },
  "typography": {
    "headingFont": "Inter",
    "bodyFont": "Inter",
    "scale": ["12px", "14px", "16px", "20px", "24px", "32px", "48px"]
  },
  "spacing": {
    "unit": "8px",
    "scale": ["4px", "8px", "12px", "16px", "24px", "32px", "48px", "64px"]
  },
  "components": ["button", "card", "navbar", "sidebar", "input", "modal"]
}
```

---

## Anti-patterns / common mistakes

| Mistake | Why it is wrong | What to do instead |
|---|---|---|
| Extracting every frame from a video | Generates thousands of files, wastes disk and analysis time | Use scene detection or fixed intervals (1 fps or less) |
| Skipping ffprobe before processing | Unknown codecs or corrupt files cause silent FFmpeg failures | Always probe first to validate format and properties |
| Using PNG for bulk frame extraction | PNG files are 5-10x larger than JPEG with minimal quality gain for analysis | Use JPEG (`-q:v 2`) for analysis; PNG only for pixel-exact work |
| Setting scene threshold too low (0.1) | Catches camera motion, lighting shifts - produces too many frames | Start with 0.3-0.4 and adjust based on results |
| Ignoring `-vsync vfr` with select filter | Produces duplicate frames filling gaps in the timeline | Always use `-vsync vfr` when using the `select` filter |
| Analyzing frames without timestamps | Cannot correlate analysis results back to video timeline | Use `showinfo` filter to capture pts_time with each frame |
| Running AI vision on hundreds of frames | Exceeds context limits and wastes tokens | Limit to 10-20 representative frames per analysis pass |
| Hardcoding ffmpeg paths | Breaks across OS and install methods | Use `ffmpeg` and `ffprobe` directly, relying on PATH |

---

## Gotchas

1. **`-vsync vfr` is required with select filters** - Without `-vsync vfr`, FFmpeg fills "missing" frames between selected frames with duplicates to maintain a constant frame rate. This means extracting 5 scene-change frames might produce 500 output files, most of them duplicates. Always pair `select` filters with `-vsync vfr`.

2. **Scene detection threshold varies by content** - A threshold of 0.3 works well for cuts in narrative video, but animated content or screen recordings may need 0.4-0.5 because gradual transitions produce lower scene scores. Always check the frame count after extraction and adjust the threshold.

3. **ffprobe frame counting is slow** - Using `-count_frames` with ffprobe decodes the entire video to count frames accurately. For long videos, this can take minutes. Use `nb_frames` from the stream metadata instead (less accurate but instant) or estimate from duration and frame rate.

4. **Audio silence detection parameters need tuning** - The default `-30dB` noise threshold for silence detection may be too sensitive for videos with background music or ambient noise. Start with `-30dB` and increase to `-20dB` or `-15dB` if too many silence periods are detected. The duration parameter `d=0.5` means silence must last at least 0.5 seconds to register.

5. **Large frame extractions fill disk quickly** - A 1080p PNG frame is roughly 2-5MB. Extracting one frame per second from a 60-minute video produces 3600 frames (7-18GB). Always estimate output size first: `duration_seconds * frames_per_second * avg_frame_size`. Use JPEG for analysis workflows and clean up temporary frames promptly.

---

## References

For detailed patterns on specific video analysis sub-domains, read the
relevant file from the `references/` folder:

- `references/ffmpeg-recipes.md` - advanced FFmpeg filter graphs for motion
  analysis, thumbnail generation, video comparison, and color extraction
- `references/vision-analysis-prompts.md` - structured prompts for AI vision
  analysis of video frames including design system extraction, content
  categorization, and accessibility auditing

Only load a references file if the current task requires it - they are
long and will consume context.

---

## Companion check

> On first activation of this skill in a conversation: check which companion skills are installed by running `ls ~/.claude/skills/ ~/.agent/skills/ ~/.agents/skills/ .claude/skills/ .agent/skills/ .agents/skills/ 2>/dev/null`. Compare the results against the `recommended_skills` field in this file's frontmatter. For any that are missing, mention them once and offer to install:
> ```
> npx skills add AbsolutelySkilled/AbsolutelySkilled --skill <name>
> ```
> Skip entirely if `recommended_skills` is empty or all companions are already installed.
More from mkurman/zorai