前言¶
用 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 官方简介,未在页面单独展开的实现细节不在此臆造。
- 全流程覆盖:从项目创建、场景设计、TTS 音频生成、组件开发到最终渲染。
- 中文解说:支持中文 TTS 语音,并与画面做音视频同步。
- 动画与质量:涵盖动画设计,并包含自动质量检查环节。
- 触发范围:凡涉及 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 按技能内流程执行。
- 确认技能已安装到正确的 skills 目录。
- 在对话中明确 Remotion 相关目标,例如:「用 Remotion 做一个带中文解说的产品介绍动画,并渲染成 mp4。」
- Agent 根据
@user_cb711f85/ez-remotion中的SKILL.md与工作流,依次处理建项、场景、TTS、组件与渲染;你可在中间审阅场景结构与文案,再进入导出。 - 利用技能提到的自动质量检查,在成片前核对时长、音画对齐与画面问题。
若需核对技能版本与简介,可打开 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