S
Safiullah-Rahu/claude-video-skills
Claude Code skills that make videos in code: explainers, Instagram-style reels, original series and music…
在 GitHub 查看 ↗链接已于 2026-11-12 核查 · HTTP 200 · 打开的是厂商自己的官网
安装与配置
客户端配置（取自该仓库的安装命令）
{
"mcpServers": {
"safiullah-rahu-claude-video-skills": {
"command": "npx",
"args": ["-y", "hyperframes@0.8.210"]
}
}
}解析自我们于 2026-11-11 抓取的该仓库 README；我们未执行过。
command/args 来自仓库写明的安装命令；不确定时请以该项目 README 为准。
VS Code（.vscode/mcp.json —— 键名是 servers）
{
"servers": {
"safiullah-rahu-claude-video-skills": {
"command": "npx",
"args": ["-y", "hyperframes@0.8.210"]
}
}
}VS Code 顶层键是 <code>servers</code>，其余与上面那份相同。
Claude Code（命令行）
claude mcp add --transport stdio safiullah-rahu-claude-video-skills -- npx -y hyperframes@0.8.210
Claude Code 不收 JSON 文件，用这条命令直接加。
配置项的键名以你的客户端为准：客户端与 CLI
- ★ 数取值
- 0 ★ · Safiullah-Rahu/claude-video-skills · 取自 GitHub 搜索 API · （2026-11-13 20:00:50 核对）
- 来源明细
- 从该仓库的 GitHub 页面直接读取 · 条目类型：开源项目
- 收录与活跃
- 收录于 2026-11-12 · 最近见到 2026-11-14 · 共见到 3 次 · 被 2 个来源列出
- 评分构成
- 综合分 203 · 2 个来源 · repo
- 安装
npx -y hyperframes@0.8.210
常见问题（答案都来自我们的记录）
怎么安装？
该仓库给出的安装命令是
npx -y hyperframes@0.8.210。我们的记录里它是仓库自己提供的；不保证在你的客户端上直接可用。它适合谁 / 用来做什么？
我们把它归在这些标签下: Claude 技能。标签来自条目自身，不是我们强加的分类。
谁维护它、还在更新吗？
仓库
Safiullah-Rahu/claude-video-skills；我们收录于 2026-11-12；最近见到 2026-11-14。这里没有"官方认证"或"质量评级"——我们只记录来源与时间。# Claude Video Skills
以下摘录自该仓库的 README（片段） · 在 GitHub 读完整 README →
61 Claude Code skills that make videos in code: explainers, Instagram-style reels,
original series and music videos, plus the shared engine they run on. Each skill holds the rules of one format (pacing, palette, type, shot grammar,
script structure, sound) measured frame by frame from real videos, plus a kit, a starter template and the full source
of an original sample film. Everything renders locally: HTML, SVG and three.js scenes on a seekable timeline, captured
frame by frame, with a local voice (Kokoro TTS), a synthesised score and a QA pass on every film.
These are the skills behind the reels on @whitelightai.
## Install
Requirements: Claude Code, Node 18+ (22 for HyperFrames skills), Python 3.10+, Microsoft Edge or Google Chrome, ffmpeg.
bash
git clone https://github.com/Safiullah-Rahu/claude-video-skills
cp -r claude-video-skills/skills/ ~/.claude/skills/ # Windows: copy into %USERPROFILE%\.claude\skills
cd ~/.claude/skills/explainer-engine/engine
npm install # gsap, playwright-core, ffmpeg-static
python fonts/get_fonts.py # the engine's fonts (add --cjk for Chinese)
pip install kokoro soundfile scipy numpy pillow "misaki[en]"
export EXPLAINER_PY=$(which python) # the Python that has kokoro
Copy only the skills you want if you prefer; every style skill needs explainer-engine. Skills that render with
HyperFrames (most 9:16 reel formats) run it with npx -y hyperframes@0.8.210; their SKILL.md gives the exact recipe.
## Use
Ask Claude Code for a video in a format and give it your topic:
> Use the explainer-survival-scenario skill to make Day 1 of a new survival story set in a mountain observatory.
> Render a draft first, then the final MP4 with the QA report.
Each SKILL.md lists what to provide and the build steps. assets/template/ runs as a short demo; assets/sample/
is the complete source of the sample film. Renders, voice WAVs and scratch files are not included (the recipe
regenerates them), and a few skills ship without their sample film's source; their SKILL.md says so.
## Engine
The shared renderer that every explainer skill builds on.
| skill | what it makes | preview |
| explainer-engine | Kokoro voice-over, synthesised score and sound effects, a GSAP/SVG timeline rendered frame by frame, and a QA analyser for cuts, motion, colour, loudness and pace. | |
## Explainer formats (16:9)
Studied frame by frame from agency films and YouTube channels; each skill ships an original sample film's full source.
| skill | what it makes | preview |
| explainer-saas-ui | SaaS / AI product walkthrough where the rebuilt interface is the set: cursor, zooms, state swaps, logo lock-up. | preview |
| explainer-launch-promo | Music-led launch promo in kinetic type: slam-in words on the beat, glyph-scramble headlines, a brand reveal on the drop. | preview |
| explainer-flat-character | Flat, grain-pastel character story: a protagonist with a problem and the product as the turning point. | preview |
| explainer-collage-brand | Paper-collage brand film with selective colour: greyscale cut-outs, colour only on the thing being sold. | preview |
| explainer-kurzgesagt-style | Neon-night flat-vector science animation: indigo skies, glowing shapes, a calm narrator. | preview |
original series and music videos, plus the shared engine they run on. Each skill holds the rules of one format (pacing, palette, type, shot grammar,
script structure, sound) measured frame by frame from real videos, plus a kit, a starter template and the full source
of an original sample film. Everything renders locally: HTML, SVG and three.js scenes on a seekable timeline, captured
frame by frame, with a local voice (Kokoro TTS), a synthesised score and a QA pass on every film.
These are the skills behind the reels on @whitelightai.
## Install
Requirements: Claude Code, Node 18+ (22 for HyperFrames skills), Python 3.10+, Microsoft Edge or Google Chrome, ffmpeg.
bash
git clone https://github.com/Safiullah-Rahu/claude-video-skills
cp -r claude-video-skills/skills/ ~/.claude/skills/ # Windows: copy into %USERPROFILE%\.claude\skills
cd ~/.claude/skills/explainer-engine/engine
npm install # gsap, playwright-core, ffmpeg-static
python fonts/get_fonts.py # the engine's fonts (add --cjk for Chinese)
pip install kokoro soundfile scipy numpy pillow "misaki[en]"
export EXPLAINER_PY=$(which python) # the Python that has kokoro
Copy only the skills you want if you prefer; every style skill needs explainer-engine. Skills that render with
HyperFrames (most 9:16 reel formats) run it with npx -y hyperframes@0.8.210; their SKILL.md gives the exact recipe.
## Use
Ask Claude Code for a video in a format and give it your topic:
> Use the explainer-survival-scenario skill to make Day 1 of a new survival story set in a mountain observatory.
> Render a draft first, then the final MP4 with the QA report.
Each SKILL.md lists what to provide and the build steps. assets/template/ runs as a short demo; assets/sample/
is the complete source of the sample film. Renders, voice WAVs and scratch files are not included (the recipe
regenerates them), and a few skills ship without their sample film's source; their SKILL.md says so.
## Engine
The shared renderer that every explainer skill builds on.
| skill | what it makes | preview |
| explainer-engine | Kokoro voice-over, synthesised score and sound effects, a GSAP/SVG timeline rendered frame by frame, and a QA analyser for cuts, motion, colour, loudness and pace. | |
## Explainer formats (16:9)
Studied frame by frame from agency films and YouTube channels; each skill ships an original sample film's full source.
| skill | what it makes | preview |
| explainer-saas-ui | SaaS / AI product walkthrough where the rebuilt interface is the set: cursor, zooms, state swaps, logo lock-up. | preview |
| explainer-launch-promo | Music-led launch promo in kinetic type: slam-in words on the beat, glyph-scramble headlines, a brand reveal on the drop. | preview |
| explainer-flat-character | Flat, grain-pastel character story: a protagonist with a problem and the product as the turning point. | preview |
| explainer-collage-brand | Paper-collage brand film with selective colour: greyscale cut-outs, colour only on the thing being sold. | preview |
| explainer-kurzgesagt-style | Neon-night flat-vector science animation: indigo skies, glowing shapes, a calm narrator. | preview |
收录徽章（可选）
想把收录标记放进 README 就复制这行，可选，不影响收录。
[](https://anclum.com/zh/s/safiullah-rahu-claude-video-skills/)
- 来源
- github · https://github.com/Safiullah-Rahu/claude-video-skills
- 按领域浏览
- Claude 技能
- 收录来源
- 2 个独立来源
- 收录于
- 今天
同类推荐
所属领域与标签
每个标签都能点进去看同类的全部条目。数字是当前库里的真实条数。