video-to-animation-spec

A Claude Code skill that turns a video recording of any animation into a detailed, frame-by-frame animation specification.

Give it a screen recording, motion comp, or prototype video and it will:

1. Extract frames using ffmpeg
2. Analyze every frame visually
3. Produce a structured animation spec with exact timing, sizes, colors, and curves

Usage

Add this repo as a skill in your Claude Code project. Then just drop a video file in your project and ask:

Extract frames from animation.mov and write an animation spec

Claude will run the full workflow and produce:

• frames/ — extracted frame images
• animation-spec.md — detailed, reproducible spec

You can then ask Claude to implement the animation in any framework (SwiftUI, React, Flutter, CSS, etc.).

Requirements

• Claude Code
• ffmpeg installed (brew install ffmpeg / apt install ffmpeg)

How to add to your project

Reference this repo's CLAUDE.md in your project, or copy it into your own CLAUDE.md.