Repolode
haidrrrry

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. 1

    Clone the repository

    git clone https://github.com/haidrrrry/claude-remotion-skill.git
  2. 2

    Create the per-user Claude skills folder

    mkdir -p ~/.claude/skills
  3. 3

    Copy the skill folder into Claude Code

    cp -r claude-remotion-skill/remotion-motion-graphics ~/.claude/skills/
  4. 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