Ergo Remotion Video
itwanger/toBeBetterJavaer
把口播稿做成二哥风格的 Remotion 视频,包括整理视频用稿、火山 TTS 配音、音画对齐、逐章动画预览和导出带配音的 MP4。用户说“做视频”“口播稿转视频”“Remotion”“继续做下一章”“出片”“渲染”“改读音”“配音读错了”,或给出 docs/src/ai/video/ 下的稿子要做成视频时使用。共享工具、配置和素材在…
Agent skill
by dracohu2025-cloud in dracohu2025-cloud/draco-skills-collection
基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/vocabulary-video-pipeline .claude/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.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/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .claude/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipelineType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .agents/skills && cp -r skills-src/vocabulary-video-pipeline .agents/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .agents/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/vocabulary-video-pipeline .cursor/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .cursor/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/dracohu2025-cloud/draco-skills-collection.git --path vocabulary-video-pipeline--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/vocabulary-video-pipeline .gemini/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .gemini/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipelineInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .github/skills && cp -r skills-src/vocabulary-video-pipeline .github/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .github/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/dracohu2025-cloud/draco-skills-collection.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/vocabulary-video-pipeline .opencode/skills/vocabulary-video-pipeline && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "vocabulary-video-pipeline" agent skill from https://github.com/dracohu2025-cloud/draco-skills-collection/tree/main/vocabulary-video-pipeline into .opencode/skills/vocabulary-video-pipeline/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "vocabulary-video-pipeline", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
vocabulary-video-pipeline基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。
Vocabulary Video Pipeline is an agent skill from dracohu2025-cloud/draco-skills-collection. 基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。
Its SKILL.md is about 960 tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including scripts and assets (for example `README.md`, `scripts/director_validate.py` and `scripts/generate_audio_beats.py`).
It sits in Media & Creative, covering Text to speech and voice and Video production. It works with Remotion. The licence is MIT.
3 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 26e8975. It shows what the files ask for, not the result of running them.
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.
Ships 3 files in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python3pipnpmFrom the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
github.comFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Vocabulary Video Pipeline loads about 958 tokens when it runs. Until then it costs about 25 tokens; SKILL.md has 190 words of instructions outside code blocks.
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.
The automated check noted patterns worth knowing about, such as sudo or a known installer.
3. 已配置 `.env` 中的火山引擎 TTS 参数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.
The full file from dracohu2025-cloud/draco-skills-collection at commit 26e8975, republished under its MIT licence (© dracohu2025-cloud). 190 words, ~958 tokens.
.claude/skills/vocabulary-video-pipeline/SKILL.md (or your agent's skills folder). This skill also uses 7 other files; get the full folder from GitHub.基于 Remotion 的词汇视频自动化生成流水线。输入一个英文单词,自动生成带中文讲解、TTS 音频和动态视觉效果的教育视频。
输入单词
↓
diagnose → 推荐模板 + 生成草稿 JSON(强制包含 origin-chain)
↓
generate_audio_beats → TTS + 静音检测 + 节奏数据 + 尾部静音填充
↓
Director signoff → 校验 beats/视觉/音频匹配,不通过则阻断
↓
Remotion render → MP4
↓
Feishu upload + 成本报告.env 中的火山引擎 TTS 参数lark-cli 并登录(用于飞书上传)pip install pydubexport VOCAB_VIDEO_PROJECT_ROOT=/path/to/vocabulary-video-pipeline若不设置,脚本会自动搜索常见路径。
python3 scripts/generate_word_video.py --word breakfastpython3 scripts/generate_word_video.py --word breakfast --draft-onlypython3 scripts/generate_word_video.py --word breakfast --audio-onlypython3 scripts/generate_word_video.py --word breakfast --skip-render --skip-uploadpython3 scripts/generate_word_video.py --word breakfast --skip-directorvocabulary-video-pipeline/
SKILL.md # 本文件
README.md # 面向外部用户的说明
scripts/
generate_word_video.py # 统一入口脚本(6步流程)
director_validate.py # Director 校验器
generate_audio_beats.py # TTS + 静音检测
diagnose_word.py # 模板诊断引擎
tts_cost_report.py # 成本统计
assets/
preview-*.jpg # 效果预览图| 场景 | 类型 | 用途 |
|---|---|---|
hero-word | 入题 | 展示单词、音标、标签 |
origin-chain | 词源 | 展示词汇历史演变 |
meaning-compare | 辨析 | 对比近义词 |
full-screen-mood | 氛围 | 情绪化场景描述 |
quote-page | 引用 | 英文名句 + 中文翻译 |
answer-cards | 问答 | 三问答卡片 |
ending-summary | 总结 | 公式 + 要点 + 结语 |
npm run diagnose:word 只会生成一个带有 props 和 beats 空壳的骨架 JSON。在执行 TTS 和渲染之前,必须填充以下内容:
props:标题、副标题、卡片文案、颜色等beats:这是 TTS 的口播稿,必须是 流畅的叙事讲解,不是碎片化的要点列表# 1. 生成草稿骨架
python3 scripts/generate_word_video.py --word breakfast --draft-only
# 2. 手动或请 LLM 填充 data/breakfast-draft.json 中的 props 和 beats
# 3. 再继续执行完整流程
python3 scripts/generate_word_video.py --word breakfastdiagnose_word.py 会在任何策略下自动插入 origin-chain。如果某个单词的词源不明确,可以写它的派生历史或语义演变,不能空着。
director_validate.py 在渲染之前执行,校验以下内容:
origin-chainorigin-chain,ending-summary 的 beats 中禁止再出现"拉丁语""源自古英语""词根""演变"等词源关键词(避免叙事断裂)未通过 Director signoff 的 draft,pipeline 会被强制中断,不会进入渲染。
generate_audio_beats.py 会自动给每个 scene 的 MP3 追加静音尾部,player.tsx 与 Root.tsx 的时长计算也已统一为 lastBeat.endFrame + 40。
所以只要草稿正确,不需要手动调整就能避免截断。
zh-CN火山引擎 Seed-TTS 2.0 在不指定 language 时,可能会默认输出繁体中文发音(如把"吗"读成"嗎"、"话"读成"話")。
修复方式:在调用火山 TTS API 的 audio 参数中显式指定:
{
"audio": {
"voice_type": "...",
"language": "zh-CN"
}
}已在 generate_audio_beats.py 中固定此参数。如果未来换用其他 TTS 服务,也需要确认有类似的 Simplified Chinese 锁定机制。
© dracohu2025-cloud, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 7 other files (scripts, assets) in vocabulary-video-pipeline of dracohu2025-cloud/draco-skills-collection.
Open the folder on GitHubat commit 26e8975
Vocabulary Video Pipeline 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Vocabulary Video Pipeline this skilldracohu2025-cloud/draco-skills-collection | 227 | — | ~958 | Automated safety check: Notes | MIT | |
| Ergo Remotion Videoitwanger/toBeBetterJavaer | 18k | — | ~1.1k | Automated safety check: Pass | None | |
| Remotion Topic ExplainerCuongyd196/remotion-cuongit-template | 171 | — | ~2.2k | Automated safety check: Notes | None | |
| Remotion Topic ExplainerCuongyd196/remotion-cuongit-template | 171 | — | ~1.4k | Automated safety check: Notes | None | |
| Transition BoardGTKottman/mortiflix-oss | 499 | — | ~2.2k | Automated safety check: Pass | AGPL-3.0 | |
| Make Tsxhassancs91/claude-youtube-editor | 328 | — | ~1.9k | Automated safety check: Notes | MIT |
itwanger/toBeBetterJavaer
把口播稿做成二哥风格的 Remotion 视频,包括整理视频用稿、火山 TTS 配音、音画对齐、逐章动画预览和导出带配音的 MP4。用户说“做视频”“口播稿转视频”“Remotion”“继续做下一章”“出片”“渲染”“改读音”“配音读错了”,或给出 docs/src/ai/video/ 下的稿子要做成视频时使用。共享工具、配置和素材在…
Cuongyd196/remotion-cuongit-template
Creates professional 50-60s vertical explainer videos (9:16 format, 1080x1920 @ 30fps) for any given topic using Remotion, styled with modern aesthetics and narrated by natural voiceover using…
Cuongyd196/remotion-cuongit-template
Tạo video ngắn 50-60s dạng video dọc (9:16, 1080x1920 @ 30fps) giải thích bất kỳ chủ đề lập trình/công nghệ nào bằng Remotion.
GTKottman/mortiflix-oss
Designing every cut of a video before the animatic - for each change from one style frame to the next, the object or idea that carries it, a transition chosen from the owner's remotion-transitions…
hassancs91/claude-youtube-editor
Step 2 of the AI Video Editor pipeline — build the visual beats (Remotion TSX shots) over a project's master cut and bake a composited preview.
calesthio/OpenMontage
Synthetic terminal-style screen recording guidance for Remotion TerminalScene.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when parsing a DingTalk daily news document and syncing title, date, Top 3, summary, conclusion, document link, and status into a DingTalk multidimensional table.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when running a Feishu/Lark Base-centered Seedance video production pipeline: inspect/backfill the Base row, create/reference assets, build Row-24-style Chinese Seedance…
dracohu2025-cloud/draco-skills-collection
Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when collecting public news candidates from Hacker News, GitHub Trending, Hugging Face papers, and other web sources for briefings and daily reports.
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when mining Open Design visual systems and converting them into Open Slide React template kits or standalone 20-page template albums, with build, deployment, screenshot QA…
dracohu2025-cloud/draco-skills-collection
A skill your agent uses when generating a daily 24h AI / Agent / AIGC top-news briefing, publishing it as a DingTalk document, validating it, and optionally archiving it to a DingTalk…
Works with
Categories
基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。. Vocabulary Video Pipeline is an agent skill from dracohu2025-cloud/draco-skills-collection.
Vocabulary Video Pipeline fits situations like: tasks that involve Text to speech and voice; tasks that involve Video production.
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a claude-code`. Or copy the skill folder (vocabulary-video-pipeline in dracohu2025-cloud/draco-skills-collection) into .claude/skills/vocabulary-video-pipeline in your project. Claude Code loads it when a task matches its description.
Run `npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a codex`. Or copy the skill folder (vocabulary-video-pipeline in dracohu2025-cloud/draco-skills-collection) into .agents/skills/vocabulary-video-pipeline in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vocabulary-video-pipeline, .gemini/skills/vocabulary-video-pipeline, .github/skills/vocabulary-video-pipeline and .opencode/skills/vocabulary-video-pipeline in your project.
Going by SKILL.md and its folder, Vocabulary Video Pipeline needs Python for the scripts in its folder and the command-line tools its instructions call (python3, pip and npm). Our summary lists: Python 3; Node.js.
SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found notes only (mentions a .env file), nothing it rates as a warning. 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.
Vocabulary Video Pipeline is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 958 tokens (SKILL.md is roughly 3.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Vocabulary Video Pipeline: Ergo Remotion Video (itwanger/toBeBetterJavaer, 18k stars), Remotion Topic Explainer (Cuongyd196/remotion-cuongit-template, 171 stars), Remotion Topic Explainer (Cuongyd196/remotion-cuongit-template, 171 stars) and Transition Board (GTKottman/mortiflix-oss, 499 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
dracohu2025-cloud (a GitHub user) maintains it in dracohu2025-cloud/draco-skills-collection, which has 227 GitHub stars. The repository holds 27 skills in this directory. The repository was last updated on September 17, 2026.
Source: dracohu2025-cloud/draco-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.