AI 学习指南
社区安装前需核对风险待确认

$remotion-best-practices

Remotion Best Practices

使用 React 与 Remotion 构建视频组合、动画、音频和渲染流程的实践指南。

Claude CodeCodexCursor社区热门Remotion视频

SKILL DOCUMENT

Original SKILL.md

New project setup

If no Remotion project currently exists, load Create a new Remotion project

React Markup Best Practices

If you are writing Remotion React Markup, load Remotion Markup Best Practices

Mediabunny Skills

For achieving multimedia tasks in the browser, such as trimming, cropping videos, or getting metadata from them, load Mediabunny Best Practices

Improving Interactivity

By structuring the Remotion markup well, we can allow users to interactively change things in the Studio and write back to code. If relevant: Interactivity Best Practices

Rendering

For advanced rendering beyond simple npx remotion render, see: Rendering Best Practices

Captions

When working with Captions, load Remotion Captions.

Creating a SaaS, automation or application

Use the Remotion SaaS skill for knowledge about Remotion-powered SaaS apps, such as <Player>, rendering on Lambda, Vercel, Cloudflare, via Express.js, client-side rendering, or for finding the right SaaS template.

何时应该使用

  • 构建 Remotion 视频
  • 实现 React 动画
  • 优化视频渲染

何时不应该使用

  • 替代视频内容策划
  • 假定所有浏览器 API 可用于服务端渲染

安装与调用

本站未提供可复制安装命令。请先核对许可证、脚本和来源,再按照原仓库说明安装。

建议位置:安装前先核对仓库许可证与内容

安装后可在 Codex/Claude Code 中显式提及 $remotion-best-practices,也可由 Agent 根据 Skill 描述自动匹配。

文件结构

抓取时共识别 48 个文件;页面只展示资源类型,不镜像第三方完整内容。

SKILL.md元数据

依赖与权限

命令

node、ffmpeg

环境变量

无明确依赖

MCP 服务

无明确依赖

网络访问:未声明

安全、许可证与审核

审核状态
存在待核对项
风险等级
风险待确认
许可证
仓库未声明统一许可证,安装前需单独核对
  • 渲染脚本会消耗较多 CPU 与存储,第三方媒体需确认版权