← ClaudeAtlas

ink-filmlisted

Make hand-drawn animated films in code — every frame drawn in JavaScript on a canvas in an engraved, blueprint, risograph or brand-mapped style — from a poem, script or brand story, then deliver a private web page plus MP4, silent MP4, WAV and SRT. Use when the user asks for a film "like the poem one", an animated poem, a hand-drawn / engraved / etched / ink / risograph / blueprint animation, an illustrated explainer or brand film, a video "drawn frame by frame in JavaScript", or types /ink-film.
sahaib/ink-film · ★ 1 · Web & Frontend · score 74
Install: claude install-skill sahaib/ink-film
# Ink Film Turn words into a short film whose every frame is drawn in code: wobbling ink lines, engraved hatching, paper and cosmos textures, hand-lettered lines that write themselves on. The first film made this way — **To My Mind That Forbids** (90 s, 9 plates) — is the reference: `examples/to-my-mind/` (source, plus the built `to-my-mind.html` you can open in Chrome). `SKILL_DIR` below means this skill's base directory, which Claude Code shows when the skill loads (normally `~/.claude/skills/ink-film`). Shell variables don't carry over between Bash calls, so write that path into each command, or set it in the same command: `SKILL_DIR=~/.claude/skills/ink-film; "$SKILL_DIR/scripts/new-film.sh" …`. ## Start here, every time 1. Read `learnings.md` (pitfalls already paid for) and skim `films.md` (what was made before and why). 2. Get the brief: the template is `brief.md` — **never edit the template itself**. Collect the answers in the conversation; once the film folder exists (stage 3), save them as `<film>/brief.md`. If the user gave a loose request, interview them through the brief — only the missing essentials, one question at a time, multiple choice with a recommendation. 3. Then walk the stages below in order. **Each gate is a real stop: present, then wait for a yes.** ## The seven stages | # | Stage | Output | Gate | |---|---|---|---| | 1 | **Brief** | the brief answered; restate it in five lines | user confirms | | 2 | **Reading & storyboard** | the interpretation