Video Production Skill
Create branded video content efficiently with a structured production skill.
Portable skill for creating branded video content with Remotion + sound design + voiceover. Captures proven patterns from production experience — scene templates, animation language, component architecture, and end-to-end workflow.
Quick Start: New Project Setup
When starting a new video project for a brand:
- Scaffold the repo — rules/project-setup.md
- Define the brand — rules/brand-system.md
- Build components — rules/components.md
- Create templates — rules/templates.md
- Compose scenes — rules/scene-patterns.md + rules/scene-blueprints.md
- Animate — rules/animation.md
- Add sound — rules/sound-design.md
- Generate voiceover — rules/voiceover.md
- Render & deliver — rules/rendering.md
What This Skill Covers
| Area | What You Get |
|---|---|
| Project scaffold | Directory structure, Root.tsx, brand.ts, fonts, asset pipeline |
| Brand system | Colors, gradients, typography, surfaces — parameterized for any brand |
| Components | Background, GradientText, Logo, PillBadge, AnimatedText |
| 9 Scene Templates | Title cards, callouts, quotes, prompts, split-screen, headlines |
| Scene Patterns | Pro tips, pain points, competitor cards, notifications, side-by-side |
| Scene Blueprints | Copy-paste-ready implementations for all templates + custom scenes |
| Animation Language | Spring physics, staggered entrances, highlight walking, idle float |
| Sound Design | SFX categories, music beds, mixing with FFmpeg, volume envelopes |
| Voiceover | Eleven Labs integration for AI narration |
| Rendering | Single scene, batch, chunk rendering for long scenes, ffmpeg concat |
End-to-End Workflow
See rules/workflow.md for the full production pipeline from transcript to final deliverable.
Adapting for a New Brand
The brand system is fully parameterized. To adapt:
- Replace colors in
brand.tswith the new brand palette - Replace font files in
public/fonts/and updatefonts.ts - Replace logo assets in
public/brand/ - Update gradient definitions to match brand direction
- All components and templates automatically inherit the new brand
No template code needs to change — everything references the brand constants.