How do I install the Remotion Create skill?

Run npx skillmds@latest add openai/remotion-create in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Remotion Create skill do?

Create a new Remotion video It is listed under Coding & Dev Tools on SkillMD.

Is Remotion Create safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Remotion Create?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Remotion Create free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Remotion Create?

OpenAI (@openai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Remotion Create by openai — Agent Skill

Name: Remotion Create
Author: OpenAI

File contents

These are instructions for making a new Remotion project and composition. If this is not the next task, see Remotion Best Practices

Scaffold a project

If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project.

Scaffold one using:

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

Replace my-video with a suitable project name.

Designing a video

Keep the scaffold and add React Markup. Follow Remotion React Markup Best Practices and Video Layout Rules for video-first layout and text sizing guidance.

Is this a multi-scene video?

If this is a video with multiple subsequence videos, follow guidance at Multi-scene videos.

Interactivity Best Practices

By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code.

TailwindCSS

If Tailwind is requested, see tailwind.md for using TailwindCSS in Remotion.

Open the preview

After creating or updating the video, start the preview server by default:

npx remotion studio --no-open

This will start a long-running process and print the server URL for the preview. If the server is already started, it will print the URL. Open the exact URL in the Codex in-app browser. If no browser tool is available yet, use tool_search for the in-app browser control tool, then navigate to the local URL. You can visit a specific composition by navigating to /[composition-id], for example http://localhost:3000/MapAnimation.

Render the video

Only render if the user explicitly asks for it.

npx remotion render

For more options, see Rendering.

Follow-up

The video creation process has finished. For follow-up prompts, use Remotion Best Practices

---name: remotion-createdescription: Create a new Remotion video---These are instructions for making a new Remotion project and composition.If this is not the next task, see [Remotion Best Practices](../remotion-best-practices/SKILL.md)## Scaffold a projectIf a project already exists, skip this.Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project.Scaffold one using:```bashnpx create-video@latest --yes --blank --no-tailwind my-videocd my-videonpm i```Replace `my-video` with a suitable project name.## Designing a videoKeep the scaffold and add React Markup.Follow [Remotion React Markup Best Practices](../remotion-markup/SKILL.md) and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance.## Is this a multi-scene video?If this is a video with multiple subsequence videos, follow guidance at [Multi-scene videos](../remotion-markup/multi-scene-video.md).## Interactivity Best PracticesBy structuring the React Markup following [Remotion Interactivity Best Practices](../remotion-interactivity/SKILL.md), you allow the user to make edits in the Studio which write back to code.## TailwindCSSIf Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion.## Open the previewAfter creating or updating the video, start the preview server by default:```bashnpx remotion studio --no-open```This will start a long-running process and print the server URL for the preview.If the server is already started, it will print the URL.Open the exact URL in the Codex in-app browser. If no browser tool is available yet, use `tool_search` for the in-app browser control tool, then navigate to the local URL.You can visit a specific composition by navigating to `/[composition-id]`, for example `http://localhost:3000/MapAnimation`.## Render the videoOnly render if the user explicitly asks for it.```npx remotion render```For more options, see [Rendering](../remotion-render/SKILL.md).## Follow-upThe video creation process has finished.For follow-up prompts, use [Remotion Best Practices](../remotion-best-practices/SKILL.md)

Frequently asked questions

Remotion Create