Content To Video
architectds/modeldock
Turn arbitrary source content (README, article, story, slides, deck, data/report, product description, tutorial text, audio/transcript, or a bare topic) into a finished, high-quality MP4 video.
把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…
Install Article Explainer Video
$ npx skills add wwwzhouhui/skills_collection --skill article-explainer-video -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install wwwzhouhui/skills_collection article-explainer-video --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/wwwzhouhui/skills_collection.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .claude/skills/article-explainer-video && 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 "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .claude/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-videoType 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 wwwzhouhui/skills_collection --skill article-explainer-video -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install wwwzhouhui/skills_collection article-explainer-video --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .agents/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .agents/skills/article-explainer-video && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .agents/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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 wwwzhouhui/skills_collection --skill article-explainer-video -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install wwwzhouhui/skills_collection article-explainer-video --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .cursor/skills/article-explainer-video && 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 "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .cursor/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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/wwwzhouhui/skills_collection.git --path ai-teaching-media/article-explainer-video--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 wwwzhouhui/skills_collection --skill article-explainer-video -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install wwwzhouhui/skills_collection article-explainer-video --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .gemini/skills/article-explainer-video && 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 "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .gemini/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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 wwwzhouhui/skills_collection article-explainer-videoInstalls 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 wwwzhouhui/skills_collection --skill article-explainer-video -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .github/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .github/skills/article-explainer-video && 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 "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .github/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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 wwwzhouhui/skills_collection --skill article-explainer-video -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install wwwzhouhui/skills_collection article-explainer-video --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/wwwzhouhui/skills_collection.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/ai-teaching-media/article-explainer-video .opencode/skills/article-explainer-video && 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 "article-explainer-video" agent skill from https://github.com/wwwzhouhui/skills_collection/tree/main/ai-teaching-media/article-explainer-video into .opencode/skills/article-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "article-explainer-video", 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.
Facts
- Skill name
article-explainer-video- GitHub stars
- 282
- Token cost
- ~2.2k tokens
- SKILL.md length
- 467 words
- Files
- 24 (incl. scripts, references, assets)
- Skills in repo
- 25
- Repo updated
- First seen
- Licence
- None found
At a glance
把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…
- Works in 3 steps: storyboard.voice.provider → 已设置 MINIMAX_API_KEY → minimax → 否则 → edge
- Tasks that involve Comics and storyboards
- SKILL.md covers 管线总览 (5 步), 主题 (storyboard 的 theme 字段), TTS Provider（配音引擎） and 配音音色, plus 9 more sections
- Calls python3, pip and bash; needs MINIMAX_API_KEY and MULERUN_API_KEY
What it does
Article Explainer Video is an agent skill from wwwzhouhui/skills_collection. 把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken Burns)/grid(卡片网格逐块入场)/statement(全屏大字)。管线:文章 → 分镜 storyboard.json(6-10 章) → 每章插图(复用 tech-article-diagram + ai-image-generator,warm 需去底) → Minimax / Edge 逐句 TTS(默认自定义克隆音色) → HyperFrames 数据驱动渲染成 MP4。当用户说"文章转视频""把这篇文章做成视频""解说视频""文章讲解视频""图文解说""article to video"或给一篇长文要做成带配音的视频时使用。不用于:单概念教学动图(走 edu-teaching-animation)、视频封面(走…
Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 31 other files, including scripts, reference files and assets (for example `examples/ai-edu-workflow/audio/timeline.json`, `examples/ai-edu-workflow/diagrams-styled.json` and `examples/ai-edu-workflow/diagrams.json`).
It sits in Media & Creative, covering Comics and storyboards, Text to speech and voice and Video production. It works with MiniMax and HeyGen. The repository describes itself as: 本项目是个人开发的 Claude Code Skills 集合，提供实用的技能工具，助力提升开发效率和内容创作。 分享一些好用的 Claude Code Skills，自用、学习两相宜，适用于 Claude Code v2.0 及以上版本。
When your agent uses it
- Tasks that involve Comics and storyboards
- Tasks that involve Text to speech and voice
- Tasks that involve Video production
Example prompts
- “把这篇文章做成视频”
- “文章讲解视频”
- “article to video”
- “/article-explainer-video”
Requirements
- Python 3
- Node.js
- A credential in MINIMAX_API_KEY
- A credential in MULERUN_API_KEY
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- storyboard.voice.provider
- 已设置 MINIMAX_API_KEY → minimax
- 否则 → edge
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/, which the agent can run.
Shell commands in SKILL.md call:
python3pipbashnpx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pip and npx, 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 these keys or tokens, usually read from environment variables:
MINIMAX_API_KEYMULERUN_API_KEYAPIMART_API_KEYAGNES_API_KEY
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Article Explainer Video loads about 2.2k tokens when it runs, and up to ~3.9k if it reads all its reference files. Until then it costs about 146 tokens; SKILL.md has 467 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.
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 467 words (~2,202 tokens).
“输入一篇技术长文(或一个可展开的主题) → 输出 1080p 章节式解说 MP4:”
- name
- article-explainer-video
Files
SKILL.md and 23 other files (scripts, references, assets) in ai-teaching-media/article-explainer-video of wwwzhouhui/skills_collection.
- SKILL.md
- assets/template/index.html
- examples/ai-edu-workflow/audio/timeline.json
- examples/ai-edu-workflow/diagrams-styled.json
- examples/ai-edu-workflow/diagrams.json
- examples/ai-edu-workflow/index.html
- examples/ai-edu-workflow/preview/montage.png
- examples/ai-edu-workflow/storyboard.json
- examples/midnight-demo/audio/timeline.json
- examples/midnight-demo/diagrams-styled.json
- examples/midnight-demo/diagrams.json
- examples/midnight-demo/index.html
- examples/midnight-demo/preview
- … and 11 more
Open the folder on GitHubat commit b98f166
Compare with similar skills
Article Explainer Video 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 |
|---|---|---|---|---|---|---|
| Article Explainer Video this skillwwwzhouhui/skills_collection | 282 | — | ~2.2k | Automated safety check: Pass | None | |
| Content To Videoarchitectds/modeldock | 117 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Hbg Life SimulationMr-funny/hbg-life-simulation | 140 | — | ~5.8k | Automated safety check: Pass | MIT | |
| Hyperframes Ad DirectorOneWave-AI/claude-skills | 323 | — | ~988 | Automated safety check: Pass | MIT | |
| Qiaomu Cutjoeseesun/qiaomu-cut-skill | 369 | — | ~6.8k | Automated safety check: Notes | MIT | |
| Whiteboard Videognipbao/codex-whiteboard-video-skill | 324 | — | ~7.2k | Automated safety check: Notes | MIT |
Similar skills
Hbg Life Simulation
Mr-funny/hbg-life-simulation
Create Chinese HBG “模拟人生 / 人生副本” narrative videos with a consistent comic IP, a rapid multi-life opening, continuous natural-speed narration, synchronized short captions, dense static manga…
Hyperframes Ad Director
OneWave-AI/claude-skills
Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover.
Qiaomu Cut
joeseesun/qiaomu-cut-skill
把一句话需求转成可复现、可验收视频工程的乔木智能剪辑导演。Use when the user asks to create, plan, edit, remix, explain, narrate, subtitle, animate, composite, or render a video—including one-line requests such as “制作一个科普视频：介绍…
Whiteboard Video
gnipbao/codex-whiteboard-video-skill
Generate smooth hand-drawn whiteboard and story videos directly inside Codex from text scripts, GPT Image 2 color storyboards, scene plans, SVGs, line art, or local images.
Super Video Maker
Bomx/super-video-maker-skill
End-to-end AI video production skill for agentic frameworks.
More from wwwzhouhui/skills_collection
All 25 skills in this repoKnowledge Absorber
wwwzhouhui/skills_collection
深度解析链接/文档/代码，生成导师级教学笔记 + Wan 2.7 知识海报. An agent skill from wwwzhouhui/skills_collection.
Remotion Video Factory
wwwzhouhui/skills_collection
视觉从代码生长的技术讲解视频工厂：给一个主题，产出一条"图解动画 + AI 配音"的 MP4——结构图/矩阵/连线拓扑/图表/数字滚动全部用 Remotion + React/SVG 代码精确绘制（不用 AI 视频模型，杜绝公式乱码与连线漂移，可参数化、改数据自动重排），旁白由 TTS 逐段生成 + ffprobe 实测时长（默认 edge-tts 神经音色；--engine clone…
Voice To Video
wwwzhouhui/skills_collection
口播文字稿一键成片：TTS 配音（edge-tts，带逐句/逐词时间戳）→ HTML 动画合成（场景由时间戳驱动，画面跟着声音走）→ Playwright 逐帧确定性渲染合成 MP4。Use whenever the user wants to 把口播稿/文字稿/文案/文章做成视频、配音视频、解说视频、知识类短视频、口播视频、文字转视频、TTS video、voice-over…
Edu Teaching Animation
wwwzhouhui/skills_collection
把单个学科概念(中文/英文都行,如"声现象""杠杆原理""光合作用")自动做成动态教学内容。两种产出都由 HyperFrames 渲染、共用同一个 index.html(mode 变量切换):① 配音教学视频 — 分镜 + Minimax / Edge TTS 中文配音 + 字幕 + 完整 MP4(1080p, ~90s, 发视频号/给孩子看);② 无声循环动图 — 同一内容的紧凑无声版…
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…
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…
Related
Categories
Questions about Article Explainer Video
What does Article Explainer Video do?
把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…. Article Explainer Video is an agent skill from wwwzhouhui/skills_collection.
When should I use Article Explainer Video?
Article Explainer Video fits situations like: tasks that involve Comics and storyboards; tasks that involve Text to speech and voice; tasks that involve Video production.
How do I install Article Explainer Video in Claude Code?
Run `npx skills add wwwzhouhui/skills_collection --skill article-explainer-video -a claude-code`. Or copy the skill folder (ai-teaching-media/article-explainer-video in wwwzhouhui/skills_collection) into .claude/skills/article-explainer-video in your project. Claude Code loads it when a task matches its description.
How do I install Article Explainer Video in Codex?
Run `npx skills add wwwzhouhui/skills_collection --skill article-explainer-video -a codex`. Or copy the skill folder (ai-teaching-media/article-explainer-video in wwwzhouhui/skills_collection) into .agents/skills/article-explainer-video in your project. Codex loads it when a task matches its description.
Can I use Article Explainer Video 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 article-explainer-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/article-explainer-video, .gemini/skills/article-explainer-video, .github/skills/article-explainer-video and .opencode/skills/article-explainer-video in your project.
What does Article Explainer Video need to run?
Going by SKILL.md and its folder, Article Explainer Video needs the command-line tools its instructions call (python3, pip, bash and npx) and credentials named MINIMAX_API_KEY, MULERUN_API_KEY, APIMART_API_KEY and AGNES_API_KEY. Our summary lists: Python 3; Node.js; A credential in MINIMAX_API_KEY; A credential in MULERUN_API_KEY.
Does Article Explainer Video access the network?
SKILL.md contains no URLs. Its commands use pip and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Article Explainer Video 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 Article Explainer Video use?
No licence was found for Article Explainer Video or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Article Explainer Video use?
About 2.2k tokens (SKILL.md is roughly 8.8k 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 1.7k tokens, read only when the agent opens those files.
What are the alternatives to Article Explainer Video?
Skills that share tags, products or a category with Article Explainer Video: Content To Video (architectds/modeldock, 117 stars), Hbg Life Simulation (Mr-funny/hbg-life-simulation, 140 stars), Hyperframes Ad Director (OneWave-AI/claude-skills, 323 stars) and Qiaomu Cut (joeseesun/qiaomu-cut-skill, 369 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Article Explainer Video?
wwwzhouhui (a GitHub user) maintains it in wwwzhouhui/skills_collection, which has 282 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.