Development · GitHub repo
Remotion Agent Skills
Agent skills enabling AI coding agents to create programmatic Remotion videos
Remotion Agent Skills equips AI coding tools like Claude Code, Cursor, and OpenCode with best practices for generating Remotion video code. It lets developers and creators direct full programmatic animations, voiceovers, and compositions using natural language prompts. It includes dedicated skills for project creation, React markup, studio previews, rendering, and map animations.
What it's for
- Generate programmatic motion graphics and animated promo videos via AI prompts
- Build automated video sales letters (VSLs) complete with scene timing and voiceover scripts
- Animate 3D map routes, markers, and geographic flyovers inside Remotion compositions
- Preview and render React-based videos directly through coding agent commands
Features
- One-command installation via npx skills add remotion-dev/skills
- Specialized skills including /remotion-create, /remotion-markup, and /remotion-render
- Map animation support for Mapbox, MapLibre, MapTiler, and CesiumJS
- Direct integration with Remotion Studio for live editing and previews
- Built-in docs skill for real-time Remotion API and Markdown reference lookups
- Compatible with Claude Code, Cursor, Codex, OpenCode, and Kimi Code
Pricing
Open source. Free and open source
Details
- Type
- GitHub repo
- Category
- Development
- Topic
- Programmatic Video
- Open source
- Yes
- Platforms
- Command line, Code library
- For
- Developers and creators looking to automate video creation with AI coding agents
- Alternative to
- After Effects
- Tags
- remotion, ai agents, claude code, video generation, react, motion graphics
Why it was saved
- @JNYBGR: Enables AI-driven motion graphics/video creation in the browser-renderable Remotion framework; Jonny Burger created the announcement animation itself purely by prompting, taking 35min of step-by-step prompting.
- @imcaiden: One command installs the skill; an agent then writes the script, scenes, voiceover and renders video autonomously — demoed by generating an animation and a full cold-email VSL.
- @amasad: Tweet shows Replit agent animating the Nike swoosh with Remotion quickly; quoted tweet gives the install command: npx skills add remotion-dev/skills
Compare
Related
Workflow for generating programmatic video animations using Remotion and coding agents
Framework for creating and rendering videos programmatically using React
Gallery of community prompts for generating Remotion videos with coding agents
Example Remotion video edited entirely via prompts using Claude Code
Skill package enabling Claude Code to programmatically edit videos via Remotion
Open directory and CLI for discovering and installing AI agent skills
Updated