S
Safiullah-Rahu/claude-video-skills
Claude Code skills that make videos in code: explainers, Instagram-style reels, original series and music…
View on GitHub ↗Link checked 2026-11-12 · HTTP 200 · opens the vendor's own site
Install & config
Client config (built from the install command this repo gives)
{
"mcpServers": {
"safiullah-rahu-claude-video-skills": {
"command": "npx",
"args": ["-y", "hyperframes@0.8.210"]
}
}
}Parsed from the README we fetched on 2026-11-11; we have not executed it.
command/args come from the install command the repository states. When it is ambiguous, the project README wins.
VS Code (.vscode/mcp.json - the key is servers)
{
"servers": {
"safiullah-rahu-claude-video-skills": {
"command": "npx",
"args": ["-y", "hyperframes@0.8.210"]
}
}
}Same server, but VS Code keeps it under <code>servers</code>.
Claude Code (command line)
claude mcp add --transport stdio safiullah-rahu-claude-video-skills -- npx -y hyperframes@0.8.210
Claude Code does not read a config file; add the server with this command.
Key names differ by client: Clients & CLI
- Star count
- 0 ★ · Safiullah-Rahu/claude-video-skills · read from the GitHub search API · (checked 2026-11-13 20:00:50)
- Source
- read directly from its GitHub page · type: open-source project
- Harvest history
- first seen 2026-11-12 · last seen 2026-11-14 · seen 3× · listed by 2 sources
- Score
- score 203 · 2 sources · repo
- Install
npx -y hyperframes@0.8.210
FAQ (answers come from our records)
How do I install it?
The repository provides this install command:
npx -y hyperframes@0.8.210. It comes from the repository itself; we cannot guarantee it runs as-is in your client.Who is it for?
We filed it under these tags: Claude 技能. The tags come from the entry itself, not a taxonomy we imposed.
Who maintains it?
repository
Safiullah-Rahu/claude-video-skills；first catalogued 2026-11-12；last seen 2026-11-14。There is no official certification or quality rating here — we record sources and dates only.# 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 |
Listed badge (optional)
Copy this line into the README if you want the listing mark. Optional, and it does not affect being listed.
[](https://anclum.com/en/s/safiullah-rahu-claude-video-skills/)
- Source
- github · https://github.com/Safiullah-Rahu/claude-video-skills
- Browse by field
- Claude skills
- Listed by
- 2 independent sources
- added
- today
More like this
Filed under
Every tag opens the full list for that filter. Counts are the live catalogue figures.