Agent skill · Remotion
Remotion Best Practices skill for Claude Code, Codex and Cursor
Officialname: remotion-best-practices★ 5.6k (repo)pushed 2026-10-22SKILL.md on GitHubchecked 2026-11-07
What it does, in the publisher's words
Router for all Remotion skills
The description field of the SKILL.md. The agent reads only this at startup and decides from it when to load the full skill.
Install Remotion Best Practices
The skills CLI copies the skill into the folder of each agent you pick (Claude Code, Codex, Cursor, Copilot, Gemini CLI, OpenCode, Windsurf...). Add -g for all projects. Needs Node.js 22.20+. docs
npx skills add remotion-dev/skills --skill remotion-best-practices
Copy the skill folder into ~/.claude/skills (all projects) or .claude/skills (this repo). Claude Code picks it up without a restart. docs
npx skills add remotion-dev/skills --skill remotion-best-practices -a claude-code # or by hand: git clone --depth 1 https://github.com/remotion-dev/skills.git /tmp/remotion-best-practices-src cp -r /tmp/remotion-best-practices-src/skills/remotion-best-practices ~/.claude/skills/remotion-best-practices
Download the skill folder, zip it, then Customize > Skills > + > Create skill > Upload a skill. Code execution must be on (Settings > Capabilities). docs
git clone --depth 1 https://github.com/remotion-dev/skills.git /tmp/remotion-best-practices-src cp -r /tmp/remotion-best-practices-src/skills/remotion-best-practices ./remotion-best-practices zip -r remotion-best-practices.zip remotion-best-practices
Codex reads skills from .agents/skills in the repo or ~/.agents/skills. Type $ in Codex to use one. docs
npx skills add remotion-dev/skills --skill remotion-best-practices -a codex
gh skill (GitHub CLI 2.90+, preview) installs it for Copilot in VS Code, the CLI and the cloud agent. Copilot also reads .github/skills and ~/.copilot/skills. docs
gh skill install remotion-dev/skills remotion-best-practices
Cursor reads .cursor/skills, .agents/skills and ~/.cursor/skills (and .claude/skills). It does not install loose skills from a GitHub URL, so copy it in. docs
npx skills add remotion-dev/skills --skill remotion-best-practices -a cursor
Installs from the GitHub repo; --path picks this skill out of the repo. Default scope is user (all projects). docs
gemini skills install https://github.com/remotion-dev/skills.git --path skills/remotion-best-practices
OpenCode reads .opencode/skills, ~/.config/opencode/skills and the Claude and .agents folders. docs
npx skills add remotion-dev/skills --skill remotion-best-practices -a opencode
Windsurf (now Devin Desktop) reads .devin/skills, .windsurf/skills and ~/.codeium/windsurf/skills. docs
npx skills add remotion-dev/skills --skill remotion-best-practices -a windsurf
Works with
Claude Code, Claude.ai and Claude Desktop, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and other agents that read the open Agent Skills format.
- Bundles 5 TypeScript/JavaScript scripts the agent can run, so it needs TypeScript and JavaScript on the machine. In the Claude apps, code execution must be on.
What's in the SKILL.md
- Preserve user changes
- Creating a video
- New project setup
- React Markup Best Practices
- Maps
- Multimedia
- Improving Interactivity
- Open the preview
- If you are using Cursor
- If you are using another agent client with an in-app browser
- If you do not have an in-app browser
- More options
- Render the video
- Captions
- Creating a SaaS, automation or application
- Looking up Remotion APIs and documentation
- Licensing
- Upgrading
Bundled files
- agents/openai.yaml
- assets/remotion-icon.svg
- remotion-captions/REFERENCE.md
- remotion-captions/agents/openai.yaml
- remotion-captions/assets/remotion-icon.svg
- remotion-captions/display-captions.md
- remotion-captions/import-srt-captions.md
- remotion-captions/transcribe-captions.md
- remotion-create/REFERENCE.md
- remotion-create/agents/openai.yaml
- remotion-create/assets/remotion-icon.svg
- remotion-create/tailwind.md
- remotion-create/video-layout.md
- remotion-docs/REFERENCE.md
- remotion-docs/agents/openai.yaml
- remotion-docs/assets/remotion-icon.svg
- remotion-interactivity/REFERENCE.md
- remotion-interactivity/agents/openai.yaml
- remotion-interactivity/assets/remotion-icon.svg
- remotion-interactivity/inline-effects.md
- + 126 more
Loaded only when the instructions point to them.
Facts
- Skill name
- remotion-best-practices
- Publisher
- Remotion (official)
- Repo
- remotion-dev/skills
- Version
- 4.0.541
- SKILL.md size
- 577 words, 108 lines
- Bundled files
- 146, 5 scripts (TypeScript, JavaScript), 30 docs
- Repo stars
- 5.6k (as of 2026-10-24)
- SKILL.md checked
- 2026-11-07
More skills from remotion-dev/skills
- Remotion Render: Exports a Remotion composition to a finished video file.
Related media skills
- Canvas Design · Anthropic
- Slack GIF Creator · Anthropic
- Image Generation · OpenAI
- ElevenLabs Speech to Text · ElevenLabs
- ElevenLabs Text to Speech · ElevenLabs
FAQ
What does the remotion-best-practices skill do?+
Entry point that routes to the right Remotion guidance for making videos in React. In its own SKILL.md, Remotion describes it as: "Router for all Remotion skills"
How do I install the remotion-best-practices skill?+
Run npx skills add remotion-dev/skills --skill remotion-best-practices and pick your agents, or use the tab for your agent above. In Claude Code the skill ends up in ~/.claude/skills/remotion-best-practices/SKILL.md; in Codex and Cursor in .agents/skills/remotion-best-practices/.
Does Remotion Best Practices work in Codex, Cursor and Copilot, or only Claude?+
It's a standard SKILL.md, so any agent that reads the Agent Skills format can use it: Claude Code, the Claude apps, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and more.
Who maintains Remotion Best Practices?+
Remotion, the company or project behind it, in the remotion-dev/skills repo on GitHub, last pushed 2026-10-22.
Read a skill's SKILL.md and scripts before you install it: skills aren't verified by any agent vendor. Claude skills marketplace · How to install skills · MCP servers