Remotion Dev Skills
by @remotion-dev · plugin · 10 skills
Remotion Dev Skills from remotion-dev/skills.
Install the whole plugin (CLI)
npx skillmds add remotion-dev/mediabunny
npx skillmds add remotion-dev/remotion-docs
npx skillmds add remotion-dev/remotion-saas
npx skillmds add remotion-dev/remotion-create
npx skillmds add remotion-dev/remotion-markup
npx skillmds add remotion-dev/remotion-render
npx skillmds add remotion-dev/remotion-upgrade
npx skillmds add remotion-dev/remotion-captions
npx skillmds add remotion-dev/remotion-interactivity
npx skillmds add remotion-dev/remotion-best-practicesSkills in this plugin
- ▌ mediabunny · remotion-dev bundleExtract audio and video metadata such as duration and dimensions using the Mediabunny library in the browser.
- ▌ remotion-docs · remotion-devSearches Remotion documentation via Algolia and fetches pages as Markdown for current API reference.
- ▌ remotion-saas · remotion-dev bundleGuides building video-generation SaaS apps with Remotion, covering framework selection, the Player component, and rendering options across Lambda, Vercel, Node.js, and Cloudflare.
- ▌ remotion-create · remotion-dev bundleScaffolds a new Remotion video project, guides React markup design with video layout rules, and starts the Remotion Studio preview server.
- ▌ remotion-markup · remotion-dev bundleGuidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.
- ▌ remotion-render · remotion-dev bundleRenders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.
- ▌ remotion-upgrade · remotion-devUpgrades Remotion packages, compatible Mediabunny dependencies, and installed Remotion Agent Skills to their latest aligned versions.
- ▌ remotion-captions · remotion-dev bundleProvides a Caption type definition and links to skills for transcribing, displaying, and importing captions in Remotion videos.
- ▌ remotion-interactivity · remotion-devProvides best practices for creating Remotion animations that remain intuitive for AI agents and editable in Remotion Studio Visual Mode.
- ▌ remotion-best-practices · remotion-dev bundleCreate and edit video compositions in React using Remotion, with guidance on layout, animation, assets, captions, effects, and rendering.