- Installs
- 106
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/remotion-dev/claude-code-plugin --skill remotion-create- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads remotion-create automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
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.
Inspect the current folder, including hidden files, before choosing where to scaffold.
Empty folder
If it is empty, or contains only disposable operating-system metadata such as .DS_Store, create the project directly in the current folder.
Remove only those disposable metadata files first, since create-video rejects non-empty folders.
Do not treat all hidden files as disposable: files such as .env and directories such as .git are meaningful contents.
Scaffold in existing folder:
npx create-video@latest --yes --blank --no-tailwind .
npm i
Non-empty folder
If the current folder contains meaningful contents and no project already exists, scaffold into a new subfolder.
Replace my-video with a suitable project name.
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
Open the preview before building the video
As soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and installing dependencies. For an existing project, do it before editing the video. Keep Studio running while you work so the user can see changes as they appear and steer the result.
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.
Before writing the root that registers <Composition> or <Still> elements,
follow Compositions and stills.
Is this a timeline of clips?
If the video arranges multiple video or audio clips on a timeline, follow Video editing before writing the timeline. Give every clip that should be edited independently its own authored JSX node.
Is this a multi-scene video?
If this is a video with multiple subsequent scenes, 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.
Follow-up
The video creation process has finished. For follow-up prompts, use Remotion Best Practices
FAQ
What does the remotion-create skill do?
Create a new Remotion video
How do I install remotion-create?
Run npx skills add https://github.com/remotion-dev/claude-code-plugin --skill remotion-create in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/remotion-create/ (personal) or .claude/skills/remotion-create/ (project).
Which AI agents can use remotion-create?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is remotion-create safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains remotion-create?
It is published by remotion-dev in remotion-dev/claude-code-plugin. It has 106 recorded installs.
More from remotion-dev/claude-code-plugin
remotion-best-practices
remotion-dev/claude-code-plugin
Open the skill to read its SKILL.md instructions.
remotion-markup
remotion-dev/claude-code-plugin
Open the skill to read its SKILL.md instructions.
remotion-captions
remotion-dev/claude-code-plugin
Open the skill to read its SKILL.md instructions.
remotion-interactivity
remotion-dev/claude-code-plugin
Open the skill to read its SKILL.md instructions.
remotion-docs
remotion-dev/claude-code-plugin
Search Remotion documentation
Popular media & creative skills
hyperframes
heygen-com/hyperframes
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of video needs.
media-use
heygen-com/hyperframes
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull, or should be stylized or hidden.
hyperframes-registry
heygen-com/hyperframes
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
ai-video-generation
101-skills/superpowers
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse
ai-image-generation
101-skills/superpowers
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image