tuzhechen2005

Painted Animation — Development skill for Claude Code

Development community

Hand-painted watercolour animation & lyric videos made in code by Claude Opus 5.5 — a Claude Code skill 用 Claude Opus 5.5 以代码手绘水彩动画与歌词MV的技能.

How to install Painted Animation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open tuzhechen2005/painted-animation and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Painted Animation does

Hand-painted watercolour animation & lyric videos made in code by Claude Opus 5.5 — a Claude Code skill 用 Claude Opus 5.5 以代码手绘水彩动画与歌词MV的技能.

Alternatives in Development

  • Connect — Fancy stream processing made operationally mundane 8608 114 1 8.6k ★
  • X Mentor Skill — X导师.skill — 女娲的第一个「非人类」作品 1.2k ★
  • Media Downloader — 🎬 智能媒体下载器 - 根据用户描述自动搜索和下载图片、视频片段 Smart Media Downloader - Auto search and download images/videos based on des 366 ★

README

painted-animation

English 简体中文

A Claude Code skill for producing hand-painted animation and lyric videos with Claude Opus 5.5.

![小镇姑娘](docs/xiaozhen-sheet.jpg)

Overview

The skill enables Claude Opus 5.5 to produce complete animated videos, including storyboarding, character animation, camera work, transitions, music synchronisation and karaoke subtitles. All imagery is drawn procedurally in code; no image generation model is involved.

The method is derived from two projects by John Heibel: [PDoomVideo](https://github.com/JohnHeibel/PDoomVideo), a 156-second music video produced largely autonomously by Opus 5.5, and [ClaudeAnimationBase](https://github.com/JohnHeibel/ClaudeAnimationBase), a general-purpose animation kit based on it. This skill packages both into a single workflow and extends it with a lyric-video pipeline that covers tempo detection, audio clipping and karaoke subtitles.

How It Works

  1. Storyboard. Claude writes a shot list covering setting, palette, character arc and transitions. For each shot it lists the "reads", the timed sequence of what the viewer must understand.
  2. Drawing. Each shot is a JavaScript function that paints the complete frame with p5.js and the p5.brush watercolour library. Every frame is a pure function of time.
  3. Review. Contact sheets, frame strips and close-up crops are rendered in headless Chrome. Claude inspects the images and revises the code until each shot meets the guidelines.
  4. Output. Frames are rendered in parallel and encoded to MP4 with ffmpeg, with audio muxed in if provided.

Characteristics

  • Character consistency. Each character is defined by a single drawing function, so its design is