How do I install the Remotion skill?

Run npx skillmds@latest add marsmike/remotion 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.

Is Remotion 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?

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 free to use?

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

Who published Remotion?

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

Remotion by marsmike — Agent Skill

Name: Remotion
Author: marsmike

File contents

Remotion Video Creator

Create videos using Remotion — React components rendered as video frames. Orchestrates a multi-phase pipeline from concept to verified MP4.

Prerequisites

Node.js >= 18 and npm >= 9 on PATH; headless Chromium is bundled with @remotion/cli. For project structure and full reference index, see project-layout.md.

Quick Start

User: Create a 30-second explainer video about how DNS works

The skill runs a 5-phase pipeline: storyboard the concept, generate voiceover audio, build React scenes in parallel, evaluate quality via stills, and verify against the storyboard. Each phase gates the next.

Pipeline

Each phase has a reference with full instructions — read it when you reach that phase.

Phase	Name	Reference	Gate
0 (opt)	Analyze	analyze.md	`.storyboard.md` exists
1	Storyboard	storyboard.md	User approves `docs/STORYBOARD.md`
2	Audio	audio.md	`public/vo-beat*.mp3` + `src/timing.ts` exist
3	Build	build.md	All scenes render and pass visual inspection
4	Eval	eval.md	All scenes score >= 7.0
5	Verify	verify.md	User approves `docs/VERIFICATION_REPORT.md`

References

Pipeline: storyboard · audio · build · eval · verify · analyze
Design: design system · color script · motion rules · backgrounds · diagrams
Components: core · extended · TerminalScene · terminal_recording · scene templates · patterns
Animation: vocabulary · hooks · transitions · audio sync
Content: audio/voiceover · narrative · marketing · visualization
Templates: beat sheet · storyboard · timing · verification · CLAUDE.md
Other: project layout · error recovery · output format

---name: remotiondescription: Use when creating programmatic videos, animated explainers, or visual compositions with Remotion.---# Remotion Video CreatorCreate videos using Remotion — React components rendered as video frames. Orchestrates a multi-phase pipeline from concept to verified MP4.## Prerequisites**Node.js >= 18** and **npm >= 9** on PATH; headless Chromium is bundled with `@remotion/cli`.For project structure and full reference index, see [project-layout.md](references/project-layout.md).## Quick Start```User: Create a 30-second explainer video about how DNS works```The skill runs a 5-phase pipeline: storyboard the concept, generate voiceover audio, build React scenes in parallel, evaluate quality via stills, and verify against the storyboard. Each phase gates the next.## PipelineEach phase has a reference with full instructions — read it when you reach that phase.| Phase | Name | Reference | Gate ||-------|------|-----------|------|| 0 (opt) | Analyze | [analyze.md](references/analyze.md) | `.storyboard.md` exists || 1 | Storyboard | [storyboard.md](references/storyboard.md) | User approves `docs/STORYBOARD.md` || 2 | Audio | [audio.md](references/audio.md) | `public/vo-beat*.mp3` + `src/timing.ts` exist || 3 | Build | [build.md](references/build.md) | All scenes render and pass visual inspection || 4 | Eval | [eval.md](references/eval.md) | All scenes score >= 7.0 || 5 | Verify | [verify.md](references/verify.md) | User approves `docs/VERIFICATION_REPORT.md` |## References- **Pipeline:** [storyboard](references/storyboard.md) · [audio](references/audio.md) · [build](references/build.md) · [eval](references/eval.md) · [verify](references/verify.md) · [analyze](references/analyze.md)- **Design:** [design system](references/design-system.md) · [color script](references/color-script-rules.md) · [motion rules](references/motion-design-rules.md) · [backgrounds](references/backgrounds.md) · [diagrams](references/diagrams.md)- **Components:** [core](references/components.md) · [extended](references/components-extended.md) · [TerminalScene](references/components-terminal-scene.md) · [terminal_recording](references/terminal-recording-scene-type.md) · [scene templates](references/scene-templates.md) · [patterns](references/patterns.md)- **Animation:** [vocabulary](references/animation-vocabulary.md) · [hooks](references/animation-hooks.md) · [transitions](references/transition-catalog.md) · [audio sync](references/audio-sync-patterns.md)- **Content:** [audio/voiceover](references/audio-voiceover.md) · [narrative](references/narrative-structures.md) · [marketing](references/marketing-concepts.md) · [visualization](references/visualization-reasoning.md)- **Templates:** [beat sheet](references/beat-sheet-template.md) · [storyboard](references/visual-storyboard-template.md) · [timing](references/timing-manifest-template.md) · [verification](references/verification-template.md) · [CLAUDE.md](references/claude-md-template.md)- **Other:** [project layout](references/project-layout.md) · [error recovery](references/error-recovery.md) · [output format](references/output-format.md)

Frequently asked questions

Remotion