auto-remotion
从已有录屏/产品演示视频生成官网宣传片的工作流。 当用户提到以下场景时触发: - "把录屏转成宣传片"、"用录屏做产品视频" - "把演示视频做成官网介绍" - "Remotion 切片"、"视频分镜" - "产品宣传视频生成"、"screen recording to promo video" - "多个视频合并成宣传片"、"产品视频剪辑" - 用户想用 Remotion 把长视频切成短片段做宣传片 本技能覆盖从原始录屏素材到完整 Remotion 宣传片的完整流程: 环境准备 → 目标确认 → 素材识别(人工/自动)→ 分镜策划 → 结构化规格 → Remotion 实现 → 字幕轨 → 中文配音(edge-tts)→ BGM → 渲染出片 每个阶段都有具体检查清单、常见问题和决策框架。 **本 skill 不适用的情况**(见"不适用场景"章节): - 从技术文档/幻灯片生成视频(无源视频素材) - 需要 AI 生成视频画面本身(仅处理已有素材的剪辑组合)
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/16miku/auto-remotion云端链接
核心理念
这条工作流的核心不是"让 AI 替代人工",而是:
把人工判断和自动化工具各自放在最合适的位置。 人工判断哪些画面有价值,工具负责把价值组合成视频。
执行顺序很重要:
- 先锁定素材区间
- 再锁定段落结构
- 再锁定总时间线
- 最后才叠加字幕、配音、BGM、包装
违反这个顺序,会导致大量返工。
快速启动(3 分钟理解全局)
对于 AI Agent / 自动化脚本,使用非交互式创建:
npx create-video --yes --blank --no-tailwind my-video
对于手动操作:
npx create-video@latest
# 交互式选择 Blank 模板
典型对话节奏:
- 用户:录屏 20 分钟 → 宣传片 60 秒
- 执行顺序:先看素材定结构,再动手写代码
阶段零:环境准备
0.1 创建 Remotion 项目
交互式创建(手动操作时):
npx create-video@latest
# 选择模板:Blank(空白模板)
非交互式创建(AI Agent / 脚本时):
npx create-video --yes --blank --no-tailwind my-video
可用模板 flags:
| Flag | 模板 |
|---|---|
--blank | 空白画布(推荐) |
--hello-world | Hello World 动画 |
--javascript | 纯 JavaScript 版 |
--recorder | 录屏工具 |
--still | 静态图片模板 |
--overlay | 视频叠加层 |
--audiogram | 音频可视化 |
--prompt-to-video | AI 文字生视频 |
重要 flags:
--yes/-y:跳过所有交互提示(AI Agent 必须)--no-tailwind:不安装 TailwindCSS--tmp:在临时目录创建
0.2 安装依赖
cd my-video
npm install
0.3 启动开发服务器
npm run dev
同时在另一个终端启动 Claude Code:
cd my-video
claude
0.4 安装 ClawHub CLI(可选)
如需发布技能或管理注册表认证,可安装独立 clawhub CLI:
npm i -g clawhub
# 或
pnpm add -g clawhub
0.5 安装 remotion-video-toolkit skill(可选)
本 skill(auto-remotion)与 remotion-video-toolkit 是不同的 skill:
- auto-remotion:本 skill,专注"从录屏到宣传片"的完整剪辑工作流,覆盖需求确认→素材识别→Remotion 实现→配音字幕→BGM→渲染出片
- remotion-video-toolkit:ClawHub 上的另一个 skill,29 条规则,专注 Remotion API 使用、动画特效、渲染管道等技术细节
两者可互补使用。如果需要 remotion-video-toolkit 辅助开发:
方式一:使用 openclaw 原生命令(推荐)
openclaw skills install remotion-video-toolkit
方式二:使用 clawhub CLI
npx clawhub@latest install remotion-video-toolkit --force
该 skill 包含 29 条规则,覆盖:
- 动画、时序、渲染(CLI/Node.js/Lambda/Cloud Run)
- 字幕、3D、图表、文字特效、转场、媒体处理
注意:npx skills add remotion-dev/skills 是安装 remotion-best-practices skill 的方式,与 remotion-video-toolkit 是完全不同的 skill。
方式三:从本地路径安装(安装 remotion-best-practices)
npx skills add remotion-dev/skills
安装时选择:
- Agent 类型:Claude Code 或当前使用的 Agent
- 安装范围:全局安装(global)
注意:npx skills add remotion-dev/skills 安装的是 remotion-best-practices,与 auto-remotion 和 remotion-video-toolkit 都是完全不同的 skill。
0.6 环境检查清单
| 检查项 | 命令 | 预期结果 |
|---|---|---|
| Node.js | node --version | ≥ 18 |
| npm | npm --version | ≥ 9 |
| Remotion CLI | npx remotion --version | 显示版本号 |
| 开发服务器 | npm run dev | localhost:3000 可访问 |
阶段一:明确目标与约束
在动手之前,先对齐:
- 输入是什么:录屏、直播录屏、剪辑素材包,还是多段演示视频?
- 输出是什么:官网宣传片、产品介绍、销售演示,还是社媒短视频?
- 时长目标:严格 60 秒、可浮动到 70 秒,还是优先完整表达?
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-16miku-auto-remotion": {
"enabled": true,
"auto_update": true
}
}
}Related Skills
image-downloader
当用户需要按关键词批量下载图片、从 Bing 或多个图片来源收集候选、保存图片到本地目录、避免重复下载,或希望复用当前仓库里的现成图片下载流程时使用。遇到类似“帮我按关键词下载 10 张图片”“批量抓取 Bing 图片并保存到本地”“从多个来源收集图片候选再下载”“需要下载摘要和保存目录”这类请求时,应主动使用这个 skill。
arxiv-paper-writer
Use this skill whenever the user wants Claude Code to write, scaffold, compile, debug, or review an arXiv-style academic paper, especially survey papers with LaTeX, BibTeX citations, TikZ figures, tables, and PDF output. This skill should trigger for requests like writing a full paper, creating an arXiv paper project, turning a research topic into a LaTeX manuscript, reproducing the Paper-Write-Skill-Test agent-survey workflow, or setting up a Windows/Linux Claude Code paper-writing loop.
Mapping-Skill
AI/ML 人才搜索、论文作者发现、实验室成员爬取、GitHub 研究者挖掘与个性化招聘邮件生成 skill。只要用户提到查找 AI/ML PhD、研究员、工程师,抓取实验室成员、OpenReview/CVF 会议作者、GitHub 网络研究者,提取主页/Scholar/GitHub/邮箱/研究方向,识别华人、分类去重,或把结果导入飞书多维表格并批量生成邮件,就应该优先使用这个 skill;即使用户没有明确说“使用 Mapping-Skill”,只要任务属于这些复合工作流,也应触发。
Wechat Auto Publishing
Skill by 16miku
brightdata-research
Use when the user asks to batch-search candidates, verify public web evidence, dedupe results, and organize them into Feishu/Lark docs. Use especially for requests like "继续搜更多并追加到飞书", "帮我批量找一批候选并整理到飞书", "搜索+抓取+汇总+落文档/落表", "帮我调研一批XX平台", "扩展候选池", even if the user does not explicitly name this skill. Also use when the user says "检查飞书文档里有没有重复" or "去重" in the context of a research document — this skill covers dedup-and-cleanup as a sub-workflow. Do NOT use for: single-page summaries, one-off Q&A, pure code tasks, or tasks that don't involve batch research + structured output.