Install and use Remotion Best Practices
Install the Skill
Run the upstream command in your project, then follow the author’s setup guide and any requirements below.
npx skills add remotion-dev/skills --skill remotion-best-practicesGive your agent a task
Provide the relevant files, context and constraints. For example:
Use the relevant Remotion references to build this React video composition and explain the preview and render steps.
このスキルについて
Route Remotion video tasks to the relevant official guidance for composition, animation, preview and rendering.
おすすめする理由
A current official router with bundled references for creating, editing and previewing Remotion videos.
役立つこと
- Create or maintain a Remotion video and choose the correct reference for the task.
Installation, scope and license
The Skills repository has no explicit license file. Remotion itself uses a separate source-available license with different conditions for some companies; review its current terms. This listing links to the official upstream and does not package its code.
The router bundles task references; follow the referenced guidance for project creation, captions, preview and render.
Alternatives and related workflows
HyperFrames: HTML-based video alternative
Choose this Skill for the official React and Remotion reference workflow. HyperFrames uses its own seekable HTML timeline and CLI; moving between them means changing the authoring toolchain.
使う前に
- Use a coding agent and the bundled reference files. Video work requires a compatible Node.js, React and Remotion project; browser and rendering dependencies follow the official documentation.
資料・参照元
元の資料は以下のリンクから確認できます。実践のヒントは SkillHey による編集上の提案です。
