anzal1

Hand Drawn Film — Git skill for Claude Code

Git community

Agent skill for hand-drawn films in Canvas 2D (pencil, ink, riso, doodles, sand, pop-up) with a review loop: onion skins and a motion report so the agent can check its own animation.

How to install Hand Drawn Film

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

What Hand Drawn Film does

Agent skill for hand-drawn films in Canvas 2D (pencil, ink, riso, doodles, sand, pop-up) with a review loop: onion skins and a motion report so the agent can check its own animation. Fork of alesha-pro's hand-drawn-canvas-animation.

Alternatives in Git

Triage Open Pull Requests — Review, label, and act on all open PRs for a repository using parallel review agents 10.8k ★
Auteur — The Claude Code skill that directs a website like a film 1k ★
PR Fixup — Run the Kandev PR fixup loop for CI failures and automated review threads 697 ★

README

hand-drawn-film

An agent skill for short films drawn and animated in JavaScript on Canvas 2D: pencil, ink, risograph, screen print, doodles on photos, sand and pop-up paper, exported to MP4 with a synthesized score. A polished fork of Alexey Fateev's [hand-drawn-canvas-animation](https://github.com/alesha-pro/tools/tree/main/skills/hand-drawn-canvas-animation) (MIT), rebuilt around one idea: an agent cannot watch its film, so give it instruments that turn motion into stills and numbers, and make the drawing tools good enough that what it sees is worth fixing.

![A cat, a mug, a table: SVG-authored whole drawings, draw-on, paper fills, boiling holds](assets/preview-cat-and-mug.jpg)

Install

git clone https://github.com/anzal1/hand-drawn-film ~/.claude/skills/hand-drawn-film
cd ~/.claude/skills/hand-drawn-film/scripts && npm i --no-audit --no-fund

Needs Node 22+, Google Chrome or Chromium, and ffmpeg. Other agents: clone into their skills folder (for example `~/.agents/skills/`). Then ask for a film: *"a 10 second pencil film of a fox that steals a scarf, 9:16"*.

What is new in this version

	upstream	this version
motion review	contact grid and strips only	`review.mjs` motion report (pops, A-B-A flicker, paper shimmer, blank and frozen stretches, faint lines, pacing, ones/twos per scene) and `--onion` skins with a spacing trail
grid thumbnails	one-step downscale drops thin lines, so a correct frame looks broken	progressive downscale; thumbnails match the frames
full render	one browser page	parallel browser processes, bit-identical output (60 s film: 86 s to 25 s)
script errors	60 s timeout, then a stack trace	fails in under a second with the page error
drawing	point lists typed by hand	`svgCel` from SVG path data (M L H V C S Q T A Z) with resampling for morphable keys
occlusion	lines show through bodies	per-stroke `fill: 'paper'` in painter's order
draw-on	none for cels