What does remotion do?
🎥 Make videos programmatically with React
🎥 Make videos programmatically with React
remotion is a Claude Code agent skill that 🎥 Make videos programmatically with React.
npx skills add remotion-dev/remotion🎥 Make videos programmatically with React
This repo contains 7 individual skills — each has its own dedicated page.
Add a new expert to the Remotion experts page
Add a new sound effect to @remotion/sfx
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
Open a pull request for the current feature
Generate a report about a video
Add a test case to the web renderer
Guides for writing and editing Remotion documentation. Use when adding docs pages, editing MDX files in packages/docs, or writing documentation content.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.
Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree. Requires motion-foundations.
Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.