Agent skill

Remotion Video Factory

by wwwzhouhui in wwwzhouhui/skills_collection

视觉从代码生长的技术讲解视频工厂:给一个主题,产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制(不用 AI 视频模型,杜绝公式乱码与连线漂移,可参数化、改数据自动重排),旁白由 TTS 逐段生成 + ffprobe 实测时长(默认 edge-tts 神经音色;--engine clone…

No licenceAuto-check passedMedia & Creative

Install Remotion Video Factory

skills CLI
$ npx skills add wwwzhouhui/skills_collection --skill remotion-video-factory -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install wwwzhouhui/skills_collection remotion-video-factory --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/remotion-video-factory .claude/skills/remotion-video-factory && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
remotion-video-factory
GitHub stars
283
Token cost
~990 tokens
SKILL.md length
132 words
Files
37 (incl. scripts, references, assets)
Skills in repo
25
Repo updated
First seen
Licence
None found

At a glance

视觉从代码生长的技术讲解视频工厂:给一个主题,产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制(不用 AI 视频模型,杜绝公式乱码与连线漂移,可参数化、改数据自动重排),旁白由 TTS 逐段生成 + ffprobe 实测时长(默认 edge-tts 神经音色;--engine clone…

  • Works in 6 steps: 视觉从代码生长:一切图形用 React/SVG… → 一段旁白 = 一个场景;场景时长 = max(visualMin, 配音实测帧数… → 确定性渲染:禁 Date.now() / Math.random() /… → …
  • Tasks that involve Video production
  • SKILL.md covers 与其他视频 skill 的边界, 铁律(每次都要遵守), 八步流水线 and 文件地图, plus 2 more sections
  • Runs TypeScript scripts from its folder; calls npx, npm and node

What it does

Remotion Video Factory is an agent skill from wwwzhouhui/skills_collection. 视觉从代码生长的技术讲解视频工厂:给一个主题,产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制(不用 AI 视频模型,杜绝公式乱码与连线漂移,可参数化、改数据自动重排),旁白由 TTS 逐段生成 + ffprobe 实测时长(默认 edge-tts 神经音色;--engine clone 支持自定义克隆音色服务,上传参考音频即可用真人音色配音,人声更真实),build-timeline.mjs 按实测时长自动重建时间线(场景 = max(视觉最短, 配音+40帧尾巴),画面永远跟着配音走、绝不被切断),三层音频混音(配音 + 可开关 BGM + 音效钉帧表),确定性渲染(禁随机数/当前时间),双版本交付(带 BGM + 无 BGM 供后期自配乐 + 逐句 SRT)。Use whenever the user wants 技术讲解视频、图解动画视频、科普/架构动画 + AI 配音、克隆声音/克隆音色做视频配音、矩阵/连线/图表动画视频、"给我一个主题做个会动的技术动画"、Remotion…

Its SKILL.md is about 990 tokens, which your agent loads only when the skill is triggered. The skill folder holds 42 other files, including scripts, reference files and assets (for example `README.md`, `assets/template-project/DESIGN.md` and `assets/template-project/VOICEOVER_ZH.md`).

It sits in Media & Creative, covering Video production and Text to speech and voice. It works with Remotion, React and FFmpeg. The repository describes itself as: 本项目是个人开发的 Claude Code Skills 集合,提供实用的技能工具,助力提升开发效率和内容创作。 分享一些好用的 Claude Code Skills,自用、学习两相宜,适用于 Claude Code v2.0 及以上版本。

When your agent uses it

  • Tasks that involve Video production
  • Tasks that involve Text to speech and voice

Example prompts

  • “图解动画 + AI 配音”
  • “给我一个主题做个会动的技术动画”
  • “画面要精确/可改/文字不能乱码”
  • “/remotion-video-factory”

Requirements

  • Python 3
  • Node.js

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. 视觉从代码生长:一切图形用 React/SVG 组件绘制,参数来自数据;禁止截图当动画、禁止 AI 视频模型生成画面(公式必乱码、连线必漂移)。
  2. 一段旁白 = 一个场景;场景时长 = max(visualMin, 配音实测帧数 + tail(默认40f)),由 build-timeline.mjs 自动重建时间线——改稿/换语速不手调任何一镜,画面出点(fade(frame, D))自动跟随。
  3. 确定性渲染:禁 Date.now() / Math.random() / 网络/环境变量依赖;伪随机一律 mulberry32(seed)。同样输入必须渲出同样的帧——这是可回归、可迭代的前提。
  4. 三层音频独立可验证:VO(主)+ BGM(bgm inputProp 开关,产出无 BGM 版供后期自配乐)+ SFX 钉帧表(from: SHOTS.x.from + offset 相对帧表达式,时间线平移自动跟随)。
  5. 每镜头完成即 QA 静帧(npx remotion still --frame=...),不攒到最后;全片渲完再抽帧回看关键镜头 + ffprobe/volumedetect 验收音轨。
  6. src/timeline.ts 与 src/types.ts 由脚本生成,勿手改;手改数据只碰 VOICEOVER_ZH.md、build/scenes.json、DESIGN.md 三处。

What it can do on your machine

Read from SKILL.md and the folder at commit b98f166. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (TypeScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • npx
    • npm
    • node

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Remotion Video Factory loads about 990 tokens when it runs, and up to ~5k if it reads all its reference files. Until then it costs about 150 tokens; SKILL.md has 132 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~150
When it runs · the whole SKILL.md, loaded when a task matches
~990
With references · SKILL.md plus every file in references/, read only if the agent opens them
~5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 132 words (~990 tokens).

“给一个主题,产出 MP4:画面 100% 由 Remotion + React/SVG 代码绘制(精确、可参数化、改数据自动重排),配音由 TTS 生成并按实测时长驱动时间线(旁白永不被画面切走;默认 edge-tts 神经音色,--engine clone 可切换自定义克隆音色,人声更真实),三层音频混音,确定性渲染,双版本交付。”

— opening of SKILL.md by wwwzhouhui
name
remotion-video-factory

Read the full SKILL.md on GitHub

Files

SKILL.md and 36 other files (scripts, references, assets) in remotion-video-factory of wwwzhouhui/skills_collection.

  • SKILL.md
  • README.md
  • assets/template-project/.gitignore
  • assets/template-project/DESIGN.md
  • assets/template-project/VOICEOVER_ZH.md
  • assets/template-project/package.json
  • assets/template-project/props-bgm.json
  • assets/template-project/props-nobgm.json
  • assets/template-project/public/README.md
  • assets/template-project/public/bgm/bgm.mp3
  • assets/template-project/public/vo/scene1.mp3
  • assets/template-project/public/vo/scene2.mp3
  • assets/template-project/public/vo/scene3.mp3
  • assets/template-project/remotion.config.ts
  • assets/template-project/src/Composition.tsx
  • … and 22 more

Open the folder on GitHubat commit b98f166

Compare with similar skills

Remotion Video Factory next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Remotion Video Factory compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Remotion Video Factory this skillwwwzhouhui/skills_collection283—~990Automated safety check: PassNone
AI Mediaericrisco/rsc-harness190—~3.3kAutomated safety check: PassMIT
Remotion Best Practiceslyonjs/shortvid.io14733 repos~1kAutomated safety check: PassMIT
Anything2explainerVincentwei1021/anything2explainer2.4k—~2.7kAutomated safety check: PassCustom licence
Product DemoAlexwtlf/agentic-product-demo387—~8.8kAutomated safety check: PassCustom licence
Super Video MakerBomx/super-video-maker-skill310—~11kAutomated safety check: NotesNone

Similar skills

  • AI Media

    ericrisco/rsc-harness

    A skill your agent uses when a creative goal must become a finished media file: pick and order generative-media models per modality — AI voiceover, image-to-video clips, score — then glue them with…

    190 GitHub stars~3.3k tokensUpdated today
    Media & CreativeAuto-check passed
  • Remotion Best Practices

    lyonjs/shortvid.io

    Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.

    147 GitHub starsUsed in 33 repos~1k tokens
    Media & CreativeAuto-check passed
  • Anything2explainer

    Vincentwei1021/anything2explainer

    给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated…

    2.4k GitHub stars~2.7k tokensUpdated 23 days ago
    Media & CreativeAuto-check passed
  • Product Demo

    Alexwtlf/agentic-product-demo

    Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post.

    387 GitHub stars~8.8k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Super Video Maker

    Bomx/super-video-maker-skill

    End-to-end AI video production skill for agentic frameworks.

    310 GitHub stars~11k tokensUpdated 2 mo ago
    Media & CreativeAuto-check: notes
  • Whiteboard Video

    trustfuture/simon-skills

    手绘白板风"边画边讲"讲解视频出片 skill(Excalidraw 风格逐笔动画 + 火山引擎配音 + 烧录字幕 + 品牌水印与片尾卡 + 横竖两张封面 + 各平台发布文案)。当用户说"做一期白板视频 / 边画边讲 / 手绘讲解视频 / 用 excalidraw 做视频 / whiteboard video",或要在本仓库里新建一期、改场景、换贴纸或真实…

    382 GitHub stars~1.8k tokensUpdated 17 days ago
    Media & CreativeAuto-check: notes

More from wwwzhouhui/skills_collection

All 25 skills in this repo
  • Knowledge Absorber

    wwwzhouhui/skills_collection

    深度解析链接/文档/代码,生成导师级教学笔记 + Wan 2.7 知识海报. An agent skill from wwwzhouhui/skills_collection.

    283 GitHub stars~2k tokensUpdated 5 days ago
    Auto-check passed
  • Voice To Video

    wwwzhouhui/skills_collection

    口播文字稿一键成片:TTS 配音(edge-tts,带逐句/逐词时间戳)→ HTML 动画合成(场景由时间戳驱动,画面跟着声音走)→ Playwright 逐帧确定性渲染合成 MP4。Use whenever the user wants to 把口播稿/文字稿/文案/文章做成视频、配音视频、解说视频、知识类短视频、口播视频、文字转视频、TTS video、voice-over…

    283 GitHub stars~1.1k tokensUpdated 5 days ago
    Auto-check passed
  • Article Explainer Video

    wwwzhouhui/skills_collection

    把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…

    283 GitHub stars~2.2k tokensUpdated 5 days ago
    Auto-check passed
  • Edu Teaching Animation

    wwwzhouhui/skills_collection

    把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax / Edge TTS 中文配音 + 字幕 + 完整 MP4(1080p, ~90s, 发视频号/给孩子看);② 无声循环动图 — 同一内容的紧凑无声版…

    283 GitHub stars~1.5k tokensUpdated 5 days ago
    Auto-check passed
  • Env Setup

    wwwzhouhui/skills_collection

    Checking and provisioning the machine's environment for the video-agent-kit plugin — probing for ffmpeg/ffprobe that actually carry the encoders and filters we render with (libx264/aac/libmp3lame…

    283 GitHub stars~3.5k tokensUpdated 5 days ago
    Auto-check: notes
  • GitHub Trending Wan Skill

    wwwzhouhui/skills_collection

    抓取 GitHub Trending 当前前 5 个开源项目,先把摘要字段翻译成中文,再生成低信息密度中文简报和 Wan 2.7 海报 prompt。支持 10 种视觉风格选择。Use when user asks for GitHub trending、Top 5、开源日报、中文热门项目海报、Wan 2.7 poster、今天有什么热门项目、热门开源、做个开源海报、trending…

    283 GitHub stars~1.7k tokensUpdated 5 days ago
    Auto-check passed

Questions about Remotion Video Factory

What does Remotion Video Factory do?

视觉从代码生长的技术讲解视频工厂:给一个主题,产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制(不用 AI 视频模型,杜绝公式乱码与连线漂移,可参数化、改数据自动重排),旁白由 TTS 逐段生成 + ffprobe 实测时长(默认 edge-tts 神经音色;--engine clone…. Remotion Video Factory is an agent skill from wwwzhouhui/skills_collection.

When should I use Remotion Video Factory?

Remotion Video Factory fits situations like: tasks that involve Video production; tasks that involve Text to speech and voice.

How do I install Remotion Video Factory in Claude Code?

Run `npx skills add wwwzhouhui/skills_collection --skill remotion-video-factory -a claude-code`. Or copy the skill folder (remotion-video-factory in wwwzhouhui/skills_collection) into .claude/skills/remotion-video-factory in your project. Claude Code loads it when a task matches its description.

How do I install Remotion Video Factory in Codex?

Run `npx skills add wwwzhouhui/skills_collection --skill remotion-video-factory -a codex`. Or copy the skill folder (remotion-video-factory in wwwzhouhui/skills_collection) into .agents/skills/remotion-video-factory in your project. Codex loads it when a task matches its description.

Can I use Remotion Video Factory in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add wwwzhouhui/skills_collection --skill remotion-video-factory -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/remotion-video-factory, .gemini/skills/remotion-video-factory, .github/skills/remotion-video-factory and .opencode/skills/remotion-video-factory in your project.

What does Remotion Video Factory need to run?

Going by SKILL.md and its folder, Remotion Video Factory needs TypeScript for the scripts in its folder and the command-line tools its instructions call (npx, npm and node). Our summary lists: Python 3; Node.js.

Does Remotion Video Factory access the network?

SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Remotion Video Factory safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Remotion Video Factory use?

No licence was found for Remotion Video Factory or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Remotion Video Factory use?

About 990 tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 4k tokens, read only when the agent opens those files.

What are the alternatives to Remotion Video Factory?

Skills that share tags, products or a category with Remotion Video Factory: AI Media (ericrisco/rsc-harness, 190 stars), Remotion Best Practices (lyonjs/shortvid.io, 147 stars), Anything2explainer (Vincentwei1021/anything2explainer, 2.4k stars) and Product Demo (Alexwtlf/agentic-product-demo, 387 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Remotion Video Factory?

wwwzhouhui (a GitHub user) maintains it in wwwzhouhui/skills_collection, which has 283 GitHub stars. The repository holds 25 skills in this directory. The repository was last updated on October 6, 2026.

Source: wwwzhouhui/skills_collection on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.