video-to-claude
Analyze videos with Gemini and get build instructions for Claude. Supports YouTube URLs, GIFs, screen recordings, and local video files. Use when user shares a video/GIF and wants to understand how to build it, clone a UI, reverse engineer a product, or extract tutorial steps. Triggers on "watch this video", "clone this", "reverse engineer", "how do I build this", "analyze this demo".
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install diegosouzapw-awesome-omni-skill-video-to-claude
Repository
Skill path: skills/tools/video-to-claude
Analyze videos with Gemini and get build instructions for Claude. Supports YouTube URLs, GIFs, screen recordings, and local video files. Use when user shares a video/GIF and wants to understand how to build it, clone a UI, reverse engineer a product, or extract tutorial steps. Triggers on "watch this video", "clone this", "reverse engineer", "how do I build this", "analyze this demo".
Open repositoryBest for
Primary workflow: Ship Full Stack.
Technical facets: Full Stack, Frontend.
Target audience: everyone.
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: diegosouzapw.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install video-to-claude into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/diegosouzapw/awesome-omni-skill before adding video-to-claude to shared team environments
- Use video-to-claude for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.
Original source / Raw SKILL.md
--- name: video-to-claude description: Analyze videos with Gemini and get build instructions for Claude. Supports YouTube URLs, GIFs, screen recordings, and local video files. Use when user shares a video/GIF and wants to understand how to build it, clone a UI, reverse engineer a product, or extract tutorial steps. Triggers on "watch this video", "clone this", "reverse engineer", "how do I build this", "analyze this demo". --- # video-to-claude Use Gemini's video understanding to extract build instructions from any video. ## Quick Start ```bash python ~/.claude/skills/video-to-claude/scripts/video_to_claude.py <source> [flags] ``` ## Flags - `--micro` - Detailed micro-interaction specs (exact colors, timing, easing) - `--pro` - Use Gemini Pro instead of Flash (4x cost, better quality) ## Examples ```bash # YouTube tutorial python ~/.claude/skills/video-to-claude/scripts/video_to_claude.py "https://youtube.com/watch?v=..." # UI micro-interaction (detailed specs) python ~/.claude/skills/video-to-claude/scripts/video_to_claude.py --micro button.gif # Complex product demo (best quality) python ~/.claude/skills/video-to-claude/scripts/video_to_claude.py --pro "https://youtube.com/watch?v=..." ``` ## Supported Sources - YouTube: `https://youtube.com/watch?v=...` (native, no download) - Local files: `.mp4`, `.mov`, `.webm`, `.gif` - Direct URLs: `video.twimg.com`, `cloudfront.net`, etc. - Tweets: `https://x.com/user/status/...` (requires yt-dlp) ## Output Returns JSON with: - `product_name` - What was shown - `description` - What it does - `features` - List of capabilities - `workflow` - Step-by-step flow - `technical_notes` - Stack, APIs, libraries - `skill_instructions` - How to build it For `--micro` mode, also includes: - Exact dimensions, colors (hex), typography - Animation timing (ms), easing curves (cubic-bezier) - State transitions and keyframes ## Environment Requires `GEMINI_API_KEY` in environment. ## Cost - Flash (default): ~$0.05/min of video - Pro (`--pro`): ~$0.20/min of video