An agent skill for Claude Code and Codex that turns your product pages into cinematic promo videos, built with Remotion code rather than generative AI.
haidrrrry/claude-remotion-skill
An MIT-licensed Claude agent skill that teaches Claude to create and edit motion-graphics videos in code with Remotion.
Open-source alternative to:After Effects
- Stars
- 536
- Forks
- 70
- Open issues
- 0
- Last commit
- 2 months ago
What is it?
Claude Remotion Skill is an agent skill for Claude Code, Claude Desktop and Claude.ai. Once installed, it guides Claude to build videos with Remotion, a React and TypeScript framework for video, instead of relying on timeline editors like After Effects or Premiere. The skill packages motion-design rules: spring and bezier easing instead of linear interpolation, staggered entrances and exits, a layered color grade with grain and vignette, Ken Burns on still images, and word-synced captions.
The skill's workflow requires Claude to render a clip, extract frames with ffmpeg, inspect them, fix problems and re-render before delivering. It ships as a folder of markdown references with copy-paste components for reveals, grading, grain, captions and transitions, plus a theme.ts template for colors, easings and spring presets.
The repository also includes a Remotion example project with several finished compositions, such as a profile promo and a beat-synced code edit with a synthesized soundtrack.
Key features
- 01Adds spring and bezier easing rules so Claude avoids linear motion.
- 02Provides copy-paste Remotion components for reveals, color grading, film grain and Ken Burns.
- 03Supports word-synced captions and lower-third style text animation.
- 04Requires rendering, extracting frames with ffmpeg and inspecting them before delivery.
- 05Centralizes colors, easings and spring presets in a single theme.ts file.
- 06Installs for Claude Code per user or per project, or as a .skill upload in Claude Desktop.
Use cases
- Creating logo stings, brand intros and product explainer videos from a text prompt.
- Producing vertical short-form videos such as Reels, Shorts or TikToks with animated captions.
- Fixing a flat or generic Remotion video by applying consistent motion design rules.
- Building faceless content videos that combine B-roll, captions and sound.
Quick start
- 1
Clone the repository
git clone https://github.com/haidrrrry/claude-remotion-skill.git - 2
Create the per-user Claude skills folder
mkdir -p ~/.claude/skills - 3
Copy the skill folder into Claude Code
cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ - 4
Ask Claude to make a short logo sting to test the skill
Things to know
- It is a set of instructions for Claude, so it needs Claude Code, Claude Desktop, or Claude AI with skill support.
- Using it requires a Claude subscription or API access, and Remotion must be set up to render videos.
- The skill's frame-inspection step relies on ffmpeg, which the install instructions do not cover.
Topics
FAQ
- What is claude-remotion-skill?
- An MIT-licensed Claude agent skill that teaches Claude to create and edit motion-graphics videos in code with Remotion. Claude Remotion Skill is an agent skill for Claude Code, Claude Desktop and Claude.ai. Once installed, it guides Claude to build videos with Remotion, a React and TypeScript framework for video, instead of relying on timeline editors like After Effects or Premiere. The skill packages motion-design rules: spring and bezier easing instead of linear interpolation, staggered entrances and exits, a layered color grade with grain and vignette, Ken Burns on still images, and word-synced captions.
- Is claude-remotion-skill free to use? What license does it have?
- claude-remotion-skill is open source under the MIT license. Check the license terms before using it in commercial products.
- Is claude-remotion-skill still maintained?
- Updated within 6 months. The last commit to claude-remotion-skill was on Aug 12, 2026.
- What can I use claude-remotion-skill for?
- Creating logo stings, brand intros and product explainer videos from a text prompt. Producing vertical short-form videos such as Reels, Shorts or TikToks with animated captions. Fixing a flat or generic Remotion video by applying consistent motion design rules. Building faceless content videos that combine B-roll, captions and sound.
- How do I install claude-remotion-skill?
- Clone the repository: git clone https://github.com/haidrrrry/claude-remotion-skill.git Create the per-user Claude skills folder: mkdir -p ~/.claude/skills Copy the skill folder into Claude Code: cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/ Ask Claude to make a short logo sting to test the skill
- Where can I get claude-remotion-skill?
- The source code and installation instructions are on GitHub: https://github.com/haidrrrry/claude-remotion-skill
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A set of four Agent Skills that teach AI coding agents to build broadcast-style motion graphics with Remotion.
A video-as-code toolkit that lets AI agents clone a viral video into an editable workflow and generate variants from it.
A set of Agent Skills that teach AI coding agents such as Claude Code, Codex and Cursor best practices for building Remotion video projects.
An agent skill that lets Claude Code or Codex produce voiceover-driven explainer videos, with word-level audio sync and Remotion rendering.
A collection of 55 installable agent skills that teach AI coding agents to build motion graphics, animation and video workflows.