简单动画:用 Agent Skill 串起 Remotion 视频自动化流程

前言

用 React 写视频、再用 Remotion 渲染,本身已经比传统剪辑工具更适合「可版本化、可复用」的成片。实际落地时,往往还要在项目脚手架、场景拆分、解说音频、音画对齐和导出检查之间来回切换,对话式助手若缺少固定流程,很容易漏步骤或各次做法不一致。

「简单动画」是 SkillHub 上的社区 Skill(坐标 @user_cb711f85/ez-remotion,版本 1.0.0),把 Remotion 相关任务收敛成一条可触发的技能链路。下面介绍它是什么、能做什么,以及如何安装与使用。

这是什么

一句话定位:面向 Remotion 的视频自动化生产框架型 Agent Skill。

  • 出品与维护:社区来源(community),发布者为 user_cb711f85,在 SkillHub 分类为 design-media。
  • 标签标明 requires_api_key=false,安装与按技能说明使用时不依赖额外 API Key 配置(具体 TTS 等实现以技能包内文档为准)。
  • 要解决的问题:当用户提出 Remotion 建项、做动画、生成带解说视频、组件开发与最终渲染等需求时,由技能统一承接,而不是每次从零口述流程。

核心功能

以下能力均来自 SkillHub 官方简介,未在页面单独展开的实现细节不在此臆造。

  1. 全流程覆盖:从项目创建、场景设计、TTS 音频生成、组件开发到最终渲染。
  2. 中文解说:支持中文 TTS 语音,并与画面做音视频同步。
  3. 动画与质量:涵盖动画设计,并包含自动质量检查环节。
  4. 触发范围:凡涉及 Remotion 视频开发的任务均可作为触发上下文;常见表述包括「创建 Remotion 视频」「用 Remotion 做视频」「视频自动化」「Remotion 项目」「生成视频」「TTS 视频」「带解说的视频」等。

技能本体遵循通用 SKILL.md 格式,具体命令与目录结构在安装后由技能包内的说明驱动 Agent 执行。

安装与启用

方式一:让当前 AI 按 SkillHub 规范安装

将下面提示词发给支持 Skill 的客户端(如 Cursor、Claude Code 等),由 Agent 读取安装文档并完成安装:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_cb711f85/ez-remotion`。

方式二:使用 skillhub CLI

先确认是否已安装 CLI:

command -v skillhub && skillhub --version

若未安装,可按 SkillHub 安装文档执行完整安装(含 CLI 与默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅安装 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

安装本技能时,必须用 --dir 指向当前 Agent 实际识别的 skills 目录,否则默认会装到 ./skills/,可能无法被客户端加载。各客户端路径不同,常见示例如下:

客户端 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下的 .agents/skills/

安装命令形式(将 <skills 目录> 替换为上表对应路径):

skillhub install user_cb711f85/ez-remotion --dir <skills 目录>

也可先搜索再安装:

skillhub search ez-remotion
skillhub install user_cb711f85/ez-remotion --dir <skills 目录>

安装完成后,按你所用客户端的要求重启或刷新技能列表,使 简单动画 进入可用状态。

典型用法

公开页面未提供独立可复制的一键脚本示例,典型用法是用自然语言触发 + 让 Agent 按技能内流程执行。

  1. 确认技能已安装到正确的 skills 目录。
  2. 在对话中明确 Remotion 相关目标,例如:「用 Remotion 做一个带中文解说的产品介绍动画,并渲染成 mp4。」
  3. Agent 根据 @user_cb711f85/ez-remotion 中的 SKILL.md 与工作流,依次处理建项、场景、TTS、组件与渲染;你可在中间审阅场景结构与文案,再进入导出。
  4. 利用技能提到的自动质量检查,在成片前核对时长、音画对齐与画面问题。

若需核对技能版本与简介,可打开 SkillHub 技能页:https://www.skillhub.cn/skills/user_cb711f85/ez-remotion。

适用场景与注意

适合谁

  • 已熟悉或愿意采用 Remotion(React 描述时间轴)的团队,希望用对话式助手减少重复性工程步骤。
  • 需要批量或反复生成「动画 + 中文解说」类短片,希望流程可复现、可交给 Agent 按同一技能执行。

限制与注意

  • 本 Skill 是 Remotion 工作流的编排与指导,不能替代本机 Node 环境、Remotion 许可策略以及渲染所需的计算资源;首次使用仍需按 Remotion 官方要求准备运行环境。
  • 社区 Skill,行为以安装包内 SKILL.md 为准;升级前可在 SkillHub 查看版本(当前公开版本为 1.0.0)。
  • CLI 安装技能时务必指定正确的 --dir,这是 SkillHub 文档中明确强调的常见问题来源。
  • 页面未承诺具体渲染格式、分辨率或 TTS 供应商;这些以技能包内实现与用户环境为准。

结尾

「简单动画」把 Remotion 从建项到渲染、含中文 TTS 与质量检查的一条龙能力,封装成 SkillHub 上可安装、可触发的 Agent Skill,适合把「做一条解说动画」从散点问答变成稳定流程。官方入口:

  • SkillHub 技能页:https://www.skillhub.cn/skills/user_cb711f85/ez-remotion
  • API 坐标页:https://api.skillhub.cn/user_cb711f85/ez-remotion
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜