remotion-dev / remotion
★ 52,100A skill package that teaches your agent 8 capabilities — every one documented and browsable below, no GitHub required · by remotion-dev.
Each skill below is one capability this package teaches your agent. Install the whole package, or open a skill to install just that one.
Add a new expert to the Remotion experts page
1 file — installable on its own
Add a new sound effect to @remotion/sfx
1 file — installable on its own
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
1 file — installable on its own
Fix a Dependabot PR by updating all monorepo instances of the dependency, running bun install, and pushing
1 file — installable on its own
Correct naming for a PR
1 file — installable on its own
Generate a report about a video
1 file — installable on its own
Visual snapshot testing for web renderer components using vitest fixtures. Create test fixtures in packages/web-renderer/src/test/fixtures that define a React component, dimensions, frame rate, and duration Register fixtures in packages/web-renderer/src/test/Root.tsx to enable preview functionality Write test cases that render stills using renderStillOnWeb() and validate output with testImage() snapshot comparison Run tests with bunx vitest src/test/video.test.tsx and update documentation in...
1 file — installable on its own
Guidelines and templates for writing Remotion API documentation in MDX format. Create one .mdx file per API in packages/docs/docs , add it to sidebars.ts , and run bun render-cards.ts to generate social preview cards Use ### headings for API properties (not bullet points), add ? suffix for optional parameters, and include default values naturally in descriptions Prefer type-safe code snippets with twoslash validation; use // ---cut--- to hide imports and always add title attributes to...
1 file — installable on its own
<a href="https://twitter.com/remotion"><img src="https://img.shields.io/twitter/follow/remotion?label=Twitter&color=black" alt="Twitter"></a>
Video tools for the agent era.
Video Creation
- Make videos agentically: Turn your idea into a video using your coding agent.
- Make videos interactively: Edit and animate using drag and drop.
- Make videos programmatically: Connect to data, and manage complexity with code.
React Code is the source of truth. Switch your workflow at any point.
Video Automation
- Design systems: Create a library of animated assets for your organization.
- Batch rendering: Render millions of videos on your own infrastructure.
- Applications: Publish a simple tool or a complex video editor.
Get started
If you already have Node.JS installed, type
npx create-video@latestto get started. Otherwise, read the installation page in the documentation.
Discover Remotion
Remotion is extensively documented over more than 1000 pages.
- Get Started
- Components
- Rendering
- Making apps
- Community
- Commercial
- Help
Documentation
Documentation: remotion.dev/docs
API Reference: remotion.dev/api
License
Be aware of that Remotion has a special license and requires obtaining a company license in some cases. Read the LICENSE page for more information.
Contributing
Please read CONTRIBUTING.md to learn about contributing to this project.
Install the whole package (8 skills):
npx skills add https://github.com/remotion-dev/remotionOr install a single skill:
npx skills add https://github.com/remotion-dev/remotion --skill <name>Pick the skill name from the Skills tab — each entry there installs independently.