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.
Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.
Install Painted Animation
$ npx skills add tuzhechen2005/opus-video-skills --skill painted-animation -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install tuzhechen2005/opus-video-skills painted-animation --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/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/painted-animation .claude/skills/painted-animation && 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 "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .claude/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animationType 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 tuzhechen2005/opus-video-skills --skill painted-animation -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install tuzhechen2005/opus-video-skills painted-animation --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/painted-animation .agents/skills/painted-animation && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .agents/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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 tuzhechen2005/opus-video-skills --skill painted-animation -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install tuzhechen2005/opus-video-skills painted-animation --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/painted-animation .cursor/skills/painted-animation && 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 "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .cursor/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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/tuzhechen2005/opus-video-skills.git --path skills/painted-animation--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 tuzhechen2005/opus-video-skills --skill painted-animation -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install tuzhechen2005/opus-video-skills painted-animation --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/painted-animation .gemini/skills/painted-animation && 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 "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .gemini/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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 tuzhechen2005/opus-video-skills painted-animationInstalls 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 tuzhechen2005/opus-video-skills --skill painted-animation -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/painted-animation .github/skills/painted-animation && 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 "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .github/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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 tuzhechen2005/opus-video-skills --skill painted-animation -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install tuzhechen2005/opus-video-skills painted-animation --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/tuzhechen2005/opus-video-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/painted-animation .opencode/skills/painted-animation && 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 "painted-animation" agent skill from https://github.com/tuzhechen2005/opus-video-skills/tree/main/skills/painted-animation into .opencode/skills/painted-animation/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "painted-animation", 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
painted-animation- GitHub stars
- 127
- Used in
- 1 other repo
- Token cost
- ~1.9k tokens
- SKILL.md length
- 895 words
- Files
- 32 (incl. scripts, references)
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.
- Works in 5 steps: Scaffold → Storyboard before code → Build shot by shot → …
- The user asks to make an animation
- SKILL.md covers Workflow, The rules that matter most, Engine gotchas and Adapting
- Runs JavaScript, Python and Shell scripts from its folder; calls node, bash and npm
What it does
Painted Animation is an agent skill from tuzhechen2005/opus-video-skills. Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character. Use when the user asks to make an animation, animated short, cartoon, music video, lyric video, animated GIF/loop or "a video of Clawd…", or mentions the PDoomVideo / ClaudeAnimationBase approach. Covers storyboarding, the engine API, the render-and-look review loop, music/lyric sync and splitting long videos across subagents.
Its SKILL.md is about 1.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 37 other files, including scripts and reference files (for example `README.md`, `README.zh-CN.md` and `examples/xiaozhen/STORYBOARD.md`).
It sits in Media & Creative, covering Video production, Generative and creative coding and Motion graphics. It works with FFmpeg and Three.js. The repository describes itself as: Video-making skills for Claude Opus 5.5 in Claude Code — every frame and note generated in code, one skill per style: hand-painted animation, kinetic-typography reels | 用 Claude….
When your agent uses it
- The user asks to make an animation
- Animated GIF/loop
- A video of Clawd…
- Mentions the PDoomVideo / ClaudeAnimationBase approach
Example prompts
- “a video of Clawd…”
- “/painted-animation”
Requirements
- Python 3
- Node.js
- A Bash shell
Workflow steps
5 steps, taken from the step headings in SKILL.md.
- Scaffold
- Storyboard before code
- Build shot by shot
- Render and look — every shot, several times
- Render the video
What it can do on your machine
Read from SKILL.md and the folder at commit 59744a6. 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 2 files in scripts/ (JavaScript, Python and Shell, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
nodebashnpmffmpeg
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
Painted Animation loads about 1.9k tokens when it runs, and up to ~3.6k if it reads all its reference files. Until then it costs about 133 tokens; SKILL.md has 895 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
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 895 words (~1,883 tokens).
“A method for making short cartoons entirely in code, distilled from JohnHeibel/PDoomVideo (a 156 s music video painted by Claude Opus) and its generalised kit ClaudeAnimationBase (MIT), which is bundled here as template/.”
- name
- painted-animation
Files
SKILL.md and 31 other files (scripts, references) in skills/painted-animation of tuzhechen2005/opus-video-skills.
- SKILL.md
- README.md
- README.zh-CN.md
- docs/koi-gag.gif
- docs/xiaozhen-sheet.jpg
- examples/xiaozhen/STORYBOARD.md
- examples/xiaozhen/xz_set.js
- examples/xiaozhen/xz_shots.js
- references/music-video.md
- scripts/beat_grid.py
- scripts/new_project.sh
- template/.gitignore
- template/ANIMATION_GUIDE.md
- template/LICENSE
- template/README.md
- … and 17 more
Open the folder on GitHubat commit 59744a6
Used in 1 other repository
We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in tuzhechen2005/opus-video-skills, which our catalogue first saw on October 7, 2026.
Compare with similar skills
Painted Animation 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 |
|---|---|---|---|---|---|---|
| Painted Animation this skilltuzhechen2005/opus-video-skills | 127 | 1 repos | ~1.9k | Automated safety check: Pass | Custom licence | |
| Content To Videoarchitectds/modeldock | 117 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Qiaomu Cutjoeseesun/qiaomu-cut-skill | 369 | — | ~6.8k | Automated safety check: Notes | MIT | |
| Video TalkcraftVincentwei1021/video-talkcraft | 1.4k | — | ~8.7k | Automated safety check: Notes | Custom licence | |
| Bang Motionbangtutorial/bang-motion | 580 | — | ~9.7k | Automated safety check: Pass | MIT | |
| Guizang Product Video Skillop7418/guizang-product-video-skill | 702 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 |
Similar skills
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 “制作一个科普视频：介绍…
Video Talkcraft
Vincentwei1021/video-talkcraft
终极口播视频 skill：中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片（横屏默认/竖屏）。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音，可选 Fish Audio 从稿子合成配音与时间戳；数字人生成技术不在本 skill…
Bang Motion
bangtutorial/bang-motion
Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS + GSAP (+ Three.js bila…
Guizang Product Video Skill
op7418/guizang-product-video-skill
制作代码驱动的软件产品宣传片和版本更新片（product promo、release notes video、changelog promo）。从真实功能和产品设计出发定方向，用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片，每支片子的视觉手法都从产品本身推导，不套模板。
Lemo-Opuscar Short Film Director
lemomo-ai/lemo-opuscar
Directs a short film made entirely in code in one of the Lemo-Opuscar library's named visual styles, from fetching the library through production and delivery.
More from tuzhechen2005/opus-video-skills
Kinetic Reel
tuzhechen2005/opus-video-skills
Make kinetic-typography motion reels (MP4) in code: showreels, portfolio or work reels, product promos, intro films, "motion design"-style videos with bold condensed type, HUD micro-type…
Related
Categories
Questions about Painted Animation
What does Painted Animation do?
Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character. Painted Animation is an agent skill from tuzhechen2005/opus-video-skills.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.
When should I use Painted Animation?
Painted Animation fits situations like: the user asks to make an animation; animated GIF/loop; A video of Clawd…; mentions the PDoomVideo / ClaudeAnimationBase approach.
How do I install Painted Animation in Claude Code?
Run `npx skills add tuzhechen2005/opus-video-skills --skill painted-animation -a claude-code`. Or copy the skill folder (skills/painted-animation in tuzhechen2005/opus-video-skills) into .claude/skills/painted-animation in your project. Claude Code loads it when a task matches its description.
How do I install Painted Animation in Codex?
Run `npx skills add tuzhechen2005/opus-video-skills --skill painted-animation -a codex`. Or copy the skill folder (skills/painted-animation in tuzhechen2005/opus-video-skills) into .agents/skills/painted-animation in your project. Codex loads it when a task matches its description.
Can I use Painted Animation 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 tuzhechen2005/opus-video-skills --skill painted-animation -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/painted-animation, .gemini/skills/painted-animation, .github/skills/painted-animation and .opencode/skills/painted-animation in your project.
What does Painted Animation need to run?
Going by SKILL.md and its folder, Painted Animation needs JavaScript, Python and a shell for the scripts in its folder and the command-line tools its instructions call (node, bash, npm and ffmpeg). Our summary lists: Python 3; Node.js; A Bash shell.
Does Painted Animation 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 Painted Animation 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 Painted Animation use?
Painted Animation has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Painted Animation use?
About 1.9k tokens (SKILL.md is roughly 7.5k 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 Painted Animation?
Skills that share tags, products or a category with Painted Animation: Content To Video (architectds/modeldock, 117 stars), Qiaomu Cut (joeseesun/qiaomu-cut-skill, 369 stars), Video Talkcraft (Vincentwei1021/video-talkcraft, 1.4k stars) and Bang Motion (bangtutorial/bang-motion, 580 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Painted Animation?
tuzhechen2005 (a GitHub user) maintains it in tuzhechen2005/opus-video-skills, which has 127 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on September 27, 2026.
Source: tuzhechen2005/opus-video-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.