跳到正文

视频与动效

remotion-best-practices · Remotion

使用 Remotion 技能集合制作、预览和渲染 React 视频,覆盖节奏、布局与媒体处理。

输出
Remotion 工程与视频
需要
Node.js 与可运行的 Remotion 项目
下载官方 ZIP

官方仓库 ZIP

安装目录:.claude/skills/remotion-best-practices/

安装与示例
用途示意,非实测产出。

用途与边界

准备什么
分镜、时长、画面比例、文案,以及你自己的媒体素材。
运行条件
Node.js、Remotion 项目,以及预览和渲染所需依赖;安装技能本身不会安装视频运行环境。
使用边界
它会调用多项视频技能,任务在你的工具中完成。渲染与素材准备需要时间,使用前需查看 Remotion 的许可适用条件。

试一个设计任务

技能加载后,复制任务并替换为你的需求。

使用 remotion-best-practices,为我的设计工作室制作十秒横版片头,只使用我提供的名称和素材。先展示本地预览,分为介绍、作品、联系三个场景。保证文字可读、转场克制,检查预览后再渲染视频。
安装说明

适用于 Claude 的 Code/项目入口;聊天和 Cowork 的技能在账户设置中管理。

  1. 放入技能目录,或使用安装命令

    下载并解压,保留完整的 remotion-best-practices 文件夹,放入项目的 .claude/skills/ 目录。官方 ZIP 包含整个仓库,请取出 skills/remotion-best-practices 文件夹。

    或在项目终端运行命令,需要 Node.js / npx。命令获取作者最新版本,可能与下载包不同。

    npx skills add remotion-dev/skills --skill remotion-best-practices --agent claude-code
    查看原作者安装说明
  2. 确认技能已加载

    重新打开工具,在技能列表中确认 remotion-best-practices 可用。若没有出现,请按原作者说明检查安装目录。

检查结果

  • 时长与画面比例符合需求。
  • 运动过程中,文字始终清晰可读。
  • 导出文件可播放,预期素材完整呈现。

用过后,任务完成了吗?

remotion-best-practices — Apiara