Ink Film — Development skill for Claude Code
A Claude Code skill that turns a poem, script or brand story into a hand-drawn film — every frame drawn in JavaScript.
How to install Ink Film
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open sahaib/ink-film and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Ink Film does
A Claude Code skill that turns a poem, script or brand story into a hand-drawn film — every frame drawn in JavaScript. Engraved, blueprint, risograph or brand looks in 1:1, 9:16 and 16:9; exports MP4, WAV and SRT.
Alternatives in Development
- JS To TS — JavaScript to TypeScript Migration Command 74.5k ★
- Mono Color Skill — One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained 3k ★
- Hand Drawn Styles — Claude Code skill:把内容套进内置手绘画风配方,产出可直接复制的生图提示词 930 ★
README
ink film
**Hand-drawn films, drawn in code.** A [Claude Code](https://claude.com/claude-code) skill that turns a poem, a script or a brand story into a short animated film in which **every frame is drawn in JavaScript** on a canvas: ink lines that wobble and re-draw themselves twelve times a second, tone built from engraved hatching, paper and cosmos textures, and lines of text that write themselves on. It then ships the film as a web page and exports MP4, a silent MP4, a WAV soundtrack and SRT captions.
The first film made this way is **To My Mind That Forbids** — a 90-second, nine-plate reading of a poem by Sahaib Singh Arora, told from the cosmos. Its full source is in [`examples/to-my-mind/`](examples/to-my-mind/).
Install
git clone https://github.com/sahaib/ink-film ~/.claude/skills/ink-film
You also need **Google Chrome**, **Node.js 20+** and **ffmpeg** (for video export). Each new film installs its own copy of the render tools (`playwright-core`, which drives your Chrome).
Make a film
In Claude Code, type **`/ink-film`** — or just ask:
make an ink film of this poem: … turn our launch script into a 30-second risograph film for Reels
Claude follows the skill's seven stages, stopping for your approval at each gate:
| # | Stage | You approve |
|---|---|---|
| 1 | Brief — purpose, source text (verbatim), length, aspect, look, rules, sound | the brief |
| 2 | Reading & storyboard — what the text means, then one plate per movement | the |
Related Skills
Claude Drawing Skill
Claude paints with code — a Claude Code skill for procedural illustration in nine styles: ink wash (水墨), water
Heptareel
Agent skill: 7 code-built motion reel styles (one-line graph, one-ball showreel, ASCII terminal, pixel dither,
Product Film Skill
Claude skill for making product launch videos as one HTML file, exported to MP4
Vibereel
Turn this session into a 30-second film (HTML, optional GIF/MP4)
Manifesto
Systo skill: replicate a motion-graphics video frame for frame by measurement, or derive a new film from its m
Every Frame Is Code
Every frame is code: an Agent Skill for Claude Code, Codex and ChatGPT that makes motion graphics, 3D scenes a
Related Agents
YouTube Video Assembler
Turns a finished episode's script.md + visuals/.png + visuals/.mp4 + an already-generated voiceover.wav into a
Script Beats
Turns a transcript (captions.json) or a brief into video/SCRIPT.md — the poster (if the user wants one), a fra
Remotion Engineer
Remotion engineer for the video studio team. Builds and renders video projects including talking head, podcast