Sucana Video Editor — Development skill for Claude Code

Sucana Video Editor

A Claude Code skill that turns raw video recordings into polished content with motion graphics. Built on Remotion + FFmpeg + whisper.cpp.

What It Does

Drop a video file (Loom recording, screen share, talking head, demo). Claude Code:

1. Transcribes it locally with whisper.cpp (GPU accelerated)
2. Trims dead air, filler words, and false starts
3. Analyzes scenes and identifies key moments for motion graphics
4. Builds custom motion graphics in Remotion (React components)
5. Previews in your browser at localhost:3000 — scrub the timeline, see everything
6. Iterates — you say what to change, Claude edits the code, browser hot-reloads
7. Renders final YouTube-ready MP4

Everything runs locally. No cloud. No API keys. No cost per video.

Motion Graphics

Motion graphics are code-generated per project by Claude Code. No fixed templates. You describe what you want (or Claude suggests based on the transcript), and it writes custom Remotion components.

MGs follow the **10 Principles of Motion Design**: timing, eases, mass, anticipation, arcs, squash & stretch, follow through, exaggeration, secondary animation, and appeal.

Types of MGs:

• Full screen takeover — dark background + animated shapes (chapter breaks)
• Overlay on video — shapes moving around/above the speaker
• Behind speaker — swirls/glows that peek around the speaker's silhouette
• Split screen — graphic on one side, video on the other

Requirements

• Node.js (v18+)
• FFmpeg — brew install ffmpeg
• Claude Code — with the remotion-best-practices skill installed

Setup

git clone https://github.com/yours2grab/sucana-video-editor.git
cd sucana-video-editor
npm install

First-time only — install whisper.cpp for transcription:

npm run setup-whisper

Install the Remotion best-practices skill (gives Claude deep Remotion knowledge):

npx skills add remotion-dev/skills@remotion-best-practices