claude remotion skill: How to Install It and Make a Small-Business Promo Video

The claude remotion skill is the set of official Remotion Agent Skills that teaches Claude Code how to build videos with Remotion. You describe the video in plain words, Claude writes the React code, and Remotion renders it to a video file. This research-based guide covers what Remotion is, what the skills do, how to install them, a simple promo-video idea for a small business, and the cautions worth knowing first.

What Remotion is

Remotion is a framework for making videos with code. Its fundamentals page explains the idea: you get "a frame number and a blank canvas" and draw anything on it with React. A video has a width, a height, a frame rate (fps) and a length in frames. If what you draw changes from frame to frame, you get an animation.

The Remotion README calls it "video tools for the agent era" and says you can make videos with a coding agent, by drag and drop or in code.

What the skill does

Agent Skills are folders of instructions, scripts and reference files. Claude loads one only when your request matches its description. In Claude Code they live in ~/.claude/skills/ (personal) or .claude/skills/ (per project).

According to the Remotion Agent Skills docs, Remotion keeps a set of skills that "define best practices for working in Remotion projects," for agents like Claude Code, Codex, Kimi Code or Cursor. The list includes:

• /remotion-best-practices, which covers all the others (use it if unsure)
• /remotion-create to start a new project or composition
• /remotion-markup for animation, layout, fonts, audio and timing
• /remotion-studio to preview the video
• /remotion-render to render a video or a still image
• /remotion-captions for subtitles
• /remotion-docs to look up current Remotion docs

How to install and try it

Per the project's README and docs, run this inside your project folder:

npx skills add remotion-dev/skills

The docs also list a GitHub CLI option (gh skill install remotion-dev/skills), and new projects created with bun create video offer to add the skills during setup. If you don't have a Remotion project yet, the Remotion README says that with Node.js installed you can start one with:

npx create-video@latest

Then open Claude Code in that folder and try a README example prompt, such as /remotion-create Make a promo video for a record store.

Use case: a 15-second promo for a small business

Say you run a bakery and want a short vertical clip for Instagram or WhatsApp Status. A prompt could look like this:

/remotion-create Make a 15-second 1080x1920 promo video for "Rosie's Bakery".
Scene 1: shop name fades in on a warm cream background.
Scene 2: three lines slide in: "Fresh bread daily", "Custom cakes", "Open 8am to 8pm".
Scene 3: phone number and "Order today" with a soft zoom.
Use my logo from public/logo.png and the font Inter.

Next, run /remotion-studio to preview it, ask for changes in plain words ("make scene 2 slower", "use our brand green"), and finish with /remotion-render. Because the video is code, you can change the text later and render a new version for each offer or season instead of starting over.

Limits and cautions

• License. Remotion has its own license. It is free for individuals, for-profit companies with up to 3 employees, non-profits and people still evaluating it. Bigger for-profit companies need a paid Company License. Check which one applies to you.
• Read skills before you install them. Anthropic's docs advise using skills only from trusted sources and checking every file first, because a skill can tell Claude to run code. The Remotion skills come from the Remotion team, but it's still worth a quick read.
• You still need a dev setup. This runs in a coding agent with Node.js, not in a simple chat window.
• Check the output. Watch every render before you post it. Look for typos, wrong prices and music you don't have the rights to use.

For more research-based AI guides, visit ainews.useaifix.com. If you want help automating your marketing with AI, see useaifix.com.