Agent skill

Vocabulary Video Pipeline

by dracohu2025-cloud in dracohu2025-cloud/draco-skills-collection

基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。

MITAuto-check: notesMedia & Creative

Install Vocabulary Video Pipeline

skills CLI
$ npx skills add dracohu2025-cloud/draco-skills-collection --skill vocabulary-video-pipeline -a claude-code

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

GitHub CLI
$ gh skill install dracohu2025-cloud/draco-skills-collection vocabulary-video-pipeline --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/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-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
vocabulary-video-pipeline
GitHub stars
227
Token cost
~958 tokens
SKILL.md length
190 words
Files
8 (incl. scripts, assets)
Skills in repo
27
Repo updated
First seen
Licence
MIT

At a glance

基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。

  • Works in 3 steps: 每个单词必须包含 origin-chain → Director 校验是必经之门 → TTS 截断已自动防护
  • Tasks that involve Text to speech and voice
  • SKILL.md covers 使用场景, 工作流, 快速使用 and 目录结构, plus 4 more sections
  • Runs Python scripts from its folder; calls python3, pip and npm

What it does

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.

When your agent uses it

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

Example prompts

  • “/vocabulary-video-pipeline”

Requirements

  • Python 3
  • Node.js

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. 每个单词必须包含 origin-chain
  2. Director 校验是必经之门
  3. TTS 截断已自动防护

What it can do on your machine

Read from SKILL.md and the folder at commit 26e8975. 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 3 files in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python3
    • pip
    • npm

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

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com

    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

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.

Always · name and description, kept in context so the agent knows when to use it
~25
When it runs · the whole SKILL.md, loaded when a task matches
~958

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: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NoteMentions a .env fileSKILL.md:44
    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.

SKILL.md

The full file from dracohu2025-cloud/draco-skills-collection at commit 26e8975, republished under its MIT licence (© dracohu2025-cloud). 190 words, ~958 tokens.

Download SKILL.mdSave it as .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.
name
vocabulary-video-pipeline
description
基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。
version
1.0.0
author
Hermes Agent
license
MIT

vocabulary-video-pipeline

基于 Remotion 的词汇视频自动化生成流水线。输入一个英文单词,自动生成带中文讲解、TTS 音频和动态视觉效果的教育视频。

使用场景

  • 生成面向中小学生的英文单词解释视频
  • 需要一键从单词到视频的自动化流程
  • 需要 TTS 音频与视觉动画节奏完美同步

工作流

输入单词
    ↓
diagnose → 推荐模板 + 生成草稿 JSON(强制包含 origin-chain)
    ↓
generate_audio_beats → TTS + 静音检测 + 节奏数据 + 尾部静音填充
    ↓
Director signoff → 校验 beats/视觉/音频匹配,不通过则阻断
    ↓
Remotion render → MP4
    ↓
Feishu upload + 成本报告

快速使用

前提
  1. 已克隆 vocabulary-video-pipeline 项目到本地
  2. 已安装 Node.js、npm、Python 3
  3. 已配置 .env 中的火山引擎 TTS 参数
  4. 已安装 lark-cli 并登录(用于飞书上传)
  5. 已安装 Python 依赖:pip install pydub
配置环境变量
bash
export VOCAB_VIDEO_PROJECT_ROOT=/path/to/vocabulary-video-pipeline

若不设置,脚本会自动搜索常见路径。

生成视频
bash
python3 scripts/generate_word_video.py --word breakfast
只生成草稿
bash
python3 scripts/generate_word_video.py --word breakfast --draft-only
只生成音频和节奏
bash
python3 scripts/generate_word_video.py --word breakfast --audio-only
跳过某些步骤
bash
python3 scripts/generate_word_video.py --word breakfast --skip-render --skip-upload
强制跳过 Director 校验(不推荐)
bash
python3 scripts/generate_word_video.py --word breakfast --skip-director

目录结构

vocabulary-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总结公式 + 要点 + 结语

关键经验:草稿内容需要人工/LLM 填充

npm run diagnose:word 只会生成一个带有 props 和 beats 空壳的骨架 JSON。在执行 TTS 和渲染之前,必须填充以下内容:

  1. 每个 scene 的 props:标题、副标题、卡片文案、颜色等
  2. 每个 scene 的 beats:这是 TTS 的口播稿,必须是 流畅的叙事讲解,不是碎片化的要点列表
推荐实际步骤
bash
# 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 breakfast
TTS 口播稿风格要求
  • 不要念 PPT:不能是"第一点…第二点…"的生硬拼凑
  • 必须是连贯的、有起承转合的叙事性讲解
  • 视觉元素只是配合音频节奏出现的辅助,而不是被念出来的标签

强制约束

1. 每个单词必须包含 origin-chain

diagnose_word.py 会在任何策略下自动插入 origin-chain。如果某个单词的词源不明确,可以写它的派生历史或语义演变,不能空着。

2. Director 校验是必经之门

director_validate.py 在渲染之前执行,校验以下内容:

  • 词源强制:检查是否包含 origin-chain
  • beats 数量:按场景类型验证 beats 数量是否匹配(如 ending-summary = points + 2)
  • 关键词匹配:检查 beats 文案中是否包含对应的 point/card/node 关键词
  • 音频时长:确保每个 scene 的音频时长 ≥ lastBeat.endFrame + 40帧
  • 防止词源重复:若已存在 origin-chain,ending-summary 的 beats 中禁止再出现"拉丁语""源自古英语""词根""演变"等词源关键词(避免叙事断裂)

未通过 Director signoff 的 draft,pipeline 会被强制中断,不会进入渲染。

3. TTS 截断已自动防护

generate_audio_beats.py 会自动给每个 scene 的 MP3 追加静音尾部,player.tsx 与 Root.tsx 的时长计算也已统一为 lastBeat.endFrame + 40。 所以只要草稿正确,不需要手动调整就能避免截断。

已知陷阱

TTS 语言必须是 zh-CN

火山引擎 Seed-TTS 2.0 在不指定 language 时,可能会默认输出繁体中文发音(如把"吗"读成"嗎"、"话"读成"話")。

修复方式:在调用火山 TTS API 的 audio 参数中显式指定:

json
{
  "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

Files

SKILL.md and 7 other files (scripts, assets) in vocabulary-video-pipeline of dracohu2025-cloud/draco-skills-collection.

  • SKILL.md
  • README.md
  • assets/preview-breakfast.jpg
  • assets/preview-lemonade.jpg
  • assets/preview-tariff.jpg
  • scripts/director_validate.py
  • scripts/generate_audio_beats.py
  • scripts/generate_word_video.py

Open the folder on GitHubat commit 26e8975

Compare with similar skills

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.

Vocabulary Video Pipeline compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Vocabulary Video Pipeline this skilldracohu2025-cloud/draco-skills-collection227—~958Automated safety check: NotesMIT
Ergo Remotion Videoitwanger/toBeBetterJavaer18k—~1.1kAutomated safety check: PassNone
Remotion Topic ExplainerCuongyd196/remotion-cuongit-template171—~2.2kAutomated safety check: NotesNone
Remotion Topic ExplainerCuongyd196/remotion-cuongit-template171—~1.4kAutomated safety check: NotesNone
Transition BoardGTKottman/mortiflix-oss499—~2.2kAutomated safety check: PassAGPL-3.0
Make Tsxhassancs91/claude-youtube-editor328—~1.9kAutomated safety check: NotesMIT

Similar skills

  • Ergo Remotion Video

    itwanger/toBeBetterJavaer

    把口播稿做成二哥风格的 Remotion 视频,包括整理视频用稿、火山 TTS 配音、音画对齐、逐章动画预览和导出带配音的 MP4。用户说“做视频”“口播稿转视频”“Remotion”“继续做下一章”“出片”“渲染”“改读音”“配音读错了”,或给出 docs/src/ai/video/ 下的稿子要做成视频时使用。共享工具、配置和素材在…

    18k GitHub stars~1.1k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Remotion Topic Explainer

    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…

    171 GitHub stars~2.2k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes
  • Remotion Topic Explainer

    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.

    171 GitHub stars~1.4k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes
  • Transition Board

    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…

    499 GitHub stars~2.2k tokensUpdated 2 days ago
    Media & CreativeAuto-check passed
  • Make Tsx

    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.

    328 GitHub stars~1.9k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes
  • Synthetic Screen Recording

    calesthio/OpenMontage

    Synthetic terminal-style screen recording guidance for Remotion TerminalScene.

    66k GitHub stars~2.5k tokensUpdated 7 days ago
    Media & CreativeAuto-check passed

More from dracohu2025-cloud/draco-skills-collection

All 27 skills in this repo
  • AI News Bitable Archive Dingtalk

    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.

    227 GitHub stars~795 tokensUpdated 24 days ago
    Auto-check passed
  • Feishu Seedance Video Pipeline

    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…

    227 GitHub stars~5k tokensUpdated 24 days ago
    Auto-check: notes
  • Motion Canvas

    dracohu2025-cloud/draco-skills-collection

    Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.

    227 GitHub stars~1.5k tokensUpdated 24 days ago
    Auto-check passed
  • News Aggregator Skill

    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.

    227 GitHub stars~596 tokensUpdated 24 days ago
    Auto-check passed
  • Open Design To Open Slide

    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…

    227 GitHub stars~2.9k tokensUpdated 24 days ago
    Auto-check passed
  • Daily AI Agent Aigc Top News Dingtalk

    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…

    227 GitHub stars~3k tokensUpdated 24 days ago
    Auto-check passed

Works with

Questions about Vocabulary Video Pipeline

What does Vocabulary Video Pipeline do?

基于 Remotion 的词汇视频自动化生成 skill。输入一个英文单词,自动跑完诊断、TTS 音频、节奏分割、视频渲染、飞书上传和成本汇报。. Vocabulary Video Pipeline is an agent skill from dracohu2025-cloud/draco-skills-collection.

When should I use Vocabulary Video Pipeline?

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

How do I install Vocabulary Video Pipeline in Claude Code?

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.

How do I install Vocabulary Video Pipeline in Codex?

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.

Can I use Vocabulary Video Pipeline 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 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.

What does Vocabulary Video Pipeline need to run?

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.

Does Vocabulary Video Pipeline access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is Vocabulary Video Pipeline safe to install?

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.

What licence does Vocabulary Video Pipeline use?

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.

How many tokens does Vocabulary Video Pipeline use?

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.

What are the alternatives to Vocabulary Video Pipeline?

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.

Who maintains Vocabulary Video Pipeline?

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.