Remotion Agent Skills

Why it's ranked here

The Remotion team writes these guides, and the depth shows. They encode framework rules a model would not guess: CSS transitions and Tailwind animation classes do not render correctly and must be rewritten as frame-driven interpolation, every timed element should mount one second early, and a transition shortens the total timeline while an overlay does not. The project also offers the skills during new project creation, so this is the path the vendor itself points people toward.

What's good

The workflow guidance protects the user. The assistant is told to open the live preview before building and keep it running so the user can watch and steer, and to render only when explicitly asked. It is told not to overwrite surprising edits the user made outside the conversation. Scaffolding checks whether the folder is empty, and treats environment files and git history as real contents rather than clutter. The upgrade guide pins every Remotion package to one version and aligns helper packages with what the studio expects.

Tradeoffs

This is prose for a model, not code, so nothing enforces it: results depend on the assistant actually loading and following the right guide. The package is private and the README states it is generated from the main Remotion repository, so changes land there rather than here. The bundled maintenance scripts only check that internal links and symlinks resolve; nothing in the files read tests whether the advice produces working videos. Some guidance is opinionated toward the Studio editing model, asking that every editable clip be its own hand-written element instead of a loop.

How to use it well

Install it into any Remotion project where an AI assistant writes the compositions, and start with the router skill if unsure which guide applies. It suits motion graphics, promo clips, captioned videos and map animations built in code. Keep the preview open as the guides suggest, since the editing model assumes a person watching. It does not replace the Remotion documentation for edge cases; a separate docs skill exists for fetching current reference pages.

Observed

Format

Markdown agent skill files with YAML front matter (name, description)

Install surface

npx skills add remotion-dev/skills, or offered during bun create video

Packaging

package.json marks the package private; README is generated from the main Remotion repository

Language of tooling

TypeScript maintenance scripts (scripts/sync-agent-skills.ts, scripts/validate-links.ts)

Interface

Slash-command skills such as /remotion-create, /remotion-markup, /remotion-render

Supported agents named

Claude Code, Codex, Kimi Code, Cursor

Validation

Link and symlink checks only; no check that guidance produces working output in the files read