Agent skill

Anime Cel Video Maker

by edenfunf in edenfunf/reelmimic

Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg.

MITAuto-check passedMedia & Creative

Install Anime Cel Video Maker

skills CLI
$ npx skills add edenfunf/reelmimic --skill anime-cel -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install edenfunf/reelmimic anime-cel --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/edenfunf/reelmimic.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/anime-cel .claude/skills/anime-cel && rm -rf skills-src

Use ~/.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/

Facts

Skill name
anime-cel
GitHub stars
1.7k
Token cost
~1.6k tokens
SKILL.md length
518 words
Files
26 (incl. scripts)
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg.

  • Works in 5 steps: Scaffold bash… → Storyboard each shot with its reads… → Build one file per shot in src/scenes/… → …
  • Making a short anime-style video from a brief or reference video
  • SKILL.md covers Workflow, API summary, Rules that matter most and Engine gotchas
  • Runs Shell and JavaScript scripts from its folder; calls node, bash and npm

What it does

This skill produces anime-look video drawn entirely by code: characters with tapered line art, flat cel color with one hard shadow tone and a rim highlight, large layered eyes and hair built from pointed locks, plus painted line-free backgrounds and staging effects such as speed and focus lines, impact frames, zooms, smears, sakura petals and CJK subtitles. Every frame is a pure function of time, drawn on Canvas 2D in headless Chrome and encoded with ffmpeg. Two original characters, Hina and Ren, come with model sheets, or you can build new ones on the same rig.

The workflow is to scaffold a project with new_project.sh, storyboard each shot, write one scene file per shot, inspect key frames, strips and full-resolution stills with render.mjs, then render the frames and encode an MP4, optionally with audio. GUIDE.md must be read in full before building anything. The skill covers 2D only.

When your agent uses it

  • Making a short anime-style video from a brief or reference video
  • Creating comedic anime reactions such as sweat drops and sparkle eyes
  • Building school, street or rooftop scenes with time-of-day palettes
  • Adding anime subtitles and impact frames to a clip

Example prompts

  • “Make a short anime clip where Hina on a school rooftop at sunset reacts with sparkle eyes.”
  • “Storyboard a classroom scene where Ren gets a sweat drop, then render it as an MP4.”
  • “Add an impact frame and a dramatic zoom to the climax shot.”
  • “Scaffold a new anime-cel project in ./videos/rooftop.”

Requirements

  • Node.js, ffmpeg and Chrome, which the scaffold script checks for

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Scaffold bash .claude/skills/anime-cel/scripts/new_project.sh (--keep-demo keeps the example).
  2. Storyboard each shot with its reads (what the viewer must understand, in order, with times) and the anime
  3. Build one file per shot in src/scenes/ (IIFE ending in shots([[t0, fn]]), add its to
  4. Look at it (from the project dir), open every image with Read
  5. Render node render.mjs --frames --workers=4 && node render.mjs --encode --out=out/video.mp4 [--audio=...].

What it can do on your machine

Read from SKILL.md and the folder at commit 73492b0. 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 1 file in scripts/ (Shell and JavaScript, from the files we listed), which the agent can run.

    Shell commands in SKILL.md call:

    • node
    • bash
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    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

Anime Cel Video Maker loads about 1.6k tokens when it runs. Until then it costs about 201 tokens; SKILL.md has 518 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~201
When it runs · the whole SKILL.md, loaded when a task matches
~1.6k

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

The full file from edenfunf/reelmimic at commit 73492b0, republished under its MIT licence (© edenfunf). 518 words, ~1,622 tokens.

Download SKILL.mdSave it as .claude/skills/anime-cel/SKILL.md (or your agent's skills folder). This skill also uses 25 other files; get the full folder from GitHub.
name
anime-cel
description
Make Japanese TV-anime style videos (MP4) with code — cel-shaded characters with tapered line art, big detailed eyes, hair clumps with a specular band, comedic anime reactions (sweat drop, anger vein, sparkle eyes, ≥< eyes, dot eyes, tears), painted skies with cumulus clouds, school/street/classroom/rooftop sets with time-of-day palettes, speed/focus lines, impact frames, dramatic zooms, smears, sakura petals and anime subtitles (CJK). Canvas 2D rendered frame by frame in headless Chrome, encoded with ffmpeg. Use when a reference video or brief calls for anime / 動畫 / 日系動畫 / アニメ / cel-shaded / slice-of-life / school romance / shōnen-style reactions, or when the video-clone router picks the anime-cel style. 2D only; characters are original (Hina, Ren) or new ones built on the same rig.

anime-cel

Modern TV-anime look drawn entirely by code: characters with confident tapered line art (heavier on the shadow side), flat cel colour + one hard-edged shadow tone + a rim highlight, large layered eyes, hair built from pointed locks with an "angel ring" highlight; line-free painted backgrounds; anime staging effects. Every frame is a pure function of t.

Read GUIDE.md in full before building anything. Model sheets in docs/: faces-hina.jpg, faces-ren.jpg (19 expressions each), turns.jpg (front → 3/4 → profile), bodies.jpg, motion.jpg (stances, walk, run), hands.jpg, sets.jpg, fx.jpg, and demo-sheet.jpg (the demo film).

Workflow

  1. Scaffold bash .claude/skills/anime-cel/scripts/new_project.sh <project-dir> (--keep-demo keeps the example). It copies template/, unhooks the demo, runs npm install, checks node/ffmpeg/Chrome.
  2. Storyboard each shot with its reads (what the viewer must understand, in order, with times) and the anime staging you will use (establishing pan, cut on action, focus-line BG for the emotional beat, impact frame, reaction close-up…). Set duration in src/config.js.
  3. Build one file per shot in src/scenes/ (IIFE ending in shots([[t0, fn]]), add its <script> to studio.html). A shot paints the whole frame: setTOD() → SET.<set>(cam, t) (opens the camera) → characters → camEnd() → screen effects → transition. Captions go in window.overlayHook with subtitle().
  4. Look at it (from the project dir), open every image with Read:
    bash
    node render.mjs --sheet=0.5,1.5,2.5,3.5 --cols=4 --w=480 --out=out/check/a.jpg    # key frames
    node render.mjs --strip=3.8:4.5 --cols=6 --w=320 --out=out/check/s.jpg             # every frame of an action
    node render.mjs --stills=4.4 --out=out/check/st                                    # full-res PNG to judge faces
    node render.mjs --loop=faces_hina --sheet=0 --cols=1 --w=1920 --out=out/check/f.jpg  # model sheets (faces_ren, turns, bodies, motion, hands, sets, fx, close_hina, close_ren)
  5. Render node render.mjs --frames --workers=4 && node render.mjs --encode --out=out/video.mp4 [--audio=...].

API summary

js
hina(x, y, u, o) / ren(x, y, u, o) → { head, handL, handR, footL, footR, top, u }   // (x, y) ground point, u = head height px
bust(DESIGNS.ren, x, y, u, o)                       // close-up: (x, y) = head centre
o = { t, turn (-1..1: 0 front, ±.5 3/4, ±1 profile), headTurn, bodyTurn, face ('happy' …), look [x,y], blink, mouth, talk,
      armL/armR [shoulder°, elbow°, hand, wrist°, foreshorten], legL/legR [hip°, knee°], walk: phase, run: phase,
      lean°, bend°, tilt°, sq, dy, flip, sway [x,y], fx ['sweat','vein','steam','gloom','sparkles'], blush,
      prop { hand:'L'|'R', draw: PROPS.envelope, rot°, s, at }, armsOver, ground:false,
      stance:'contra'|'straight', weight:'L'|'R', contra }   // hands: open relax fist point peace spread hold grip pocket
faceAt(t, [[0,'neutral'],[1.2,'surprised']]) · autoBlink(t, seed) · talk(t) · follow(t, f) · walkPose/runPose · stroll
setTOD('day'|'morning'|'evening'|'night') · setLight(x, y) · SET.street / SET.classroom / SET.rooftop (cam, t, o)
focusLines · speedLines · impactFrame · flash · dramaticZoom · smear · smearLines · blurBand · sparkle(s) · petals
slashWipe · irisWipe · subtitle(c, txt, o) · onTwos(t) · kit: kf, seg, ease*, spring, jump, take, camBegin/camEnd
drawing primitives: ink (tapered line), tubePts, ribbonPts, crPts, cel, drawGroup, layer (cache), paintPoly
Show full SKILL.md (299 more words)Show less

Rules that matter most

  1. Pure function of t — no Math.random(), no state between frames (rnd(key)/hash(); follow() for springs).
  2. Scenes never draw body parts. Characters are one call. New characters = a new entry in DESIGNS + HAIR (+ clothes branch) in cast.js, never ad-hoc drawing in a scene.
  3. Animate characters on twos (const ta = onTwos(lt) for poses/faces), keep camera moves smooth (lt).
  4. Anime timing: quick actions with a held pose after; anticipation → snap → overshoot (spring, take); faces change on a drawing via faceAt (it adds the blink + pop), never by crossfading.
  5. Staging: establish → react. Emotional peaks cut the BG to a flat gradient + focusLines; hits get an impactFrame (2–3 frames) + dramaticZoom; fast moves get smearLines.
  6. Sizes: full body u≈110–150, knees-up 180–260, bust 380–560. Keep faces ≥ u 150 when they carry a read.
  7. Transitions at every seam (slashWipe, irisWipe star, flash, impact cut, cut on action).
  8. Captions: only via overlayHook + subtitle() (white, dark outline, CJK font). Push new caption text into window.EXTRA_FONTS so the glyphs load before rendering.

Engine gotchas

  • SET.* leaves the camera open; draw characters in the same world coords and call camEnd() before screen effects. Screen-space effects (blurBand, impactFrame, slashWipe) use setTransform and ignore the camera.
  • Characters face screen-right with positive turn. With |turn| > .3 limb angles are "forward/back" in the facing direction; in front view they are "outward/inward". The near arm when facing right is armL.
  • Props in hands: use hand 'hold' (pinch, prop extends past the fingertips) or 'grip' (handle in the fist). rot rotates the prop about the grip point.
  • layer(key, …) caches static paintings per page; include the time-of-day name in the key if colours depend on it.
  • Speed: ~5–25 ms to draw a frame, ~100 ms/frame effective incl. JPEG with 4 workers (first frame ~0.6 s builds caches).

© edenfunf, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 25 other files (scripts) in .claude/skills/anime-cel of edenfunf/reelmimic.

  • SKILL.md
  • GUIDE.md
  • docs/bodies.jpg
  • docs/demo-sheet.jpg
  • docs/faces-hina.jpg
  • docs/faces-ren.jpg
  • docs/fx.jpg
  • docs/hands.jpg
  • docs/motion.jpg
  • docs/sets.jpg
  • docs/turns.jpg
  • scripts/new_project.sh
  • template/.gitignore
  • template/LICENSE-render.mjs.txt
  • template/package-lock.json
  • template/package.json
  • template/render.mjs
  • template/src
  • … and 8 more

Open the folder on GitHubat commit 73492b0

Compare with similar skills

Anime Cel Video Maker 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.

Anime Cel Video Maker compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Anime Cel Video Maker this skilledenfunf/reelmimic1.7k—~1.6kAutomated safety check: PassMIT
p5 Paint Animationheygen-com/hyperframes-community-skills178—~1.8kAutomated safety check: PassApache-2.0
Painted Animationtuzhechen2005/opus-video-skills1271 repos~1.9kAutomated safety check: PassCustom licence
Day in My Life Agent Filmheygen-com/hyperframes-community-skills178—~1.7kAutomated safety check: PassApache-2.0
Session Story Filmheygen-com/hyperframes-community-skills178—~1.8kAutomated safety check: PassApache-2.0
Motion EditorCoWork-OS/CoWork-OS473—~2.1kAutomated safety check: PassMIT

Similar skills

  • p5 Paint Animation

    heygen-com/hyperframes-community-skills

    Turns a text prompt, photo or short video into hand-made looking p5.js animation: self-writing handwriting, brushstroke repaints and living paintings rendered offline.

    178 GitHub stars~1.8k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Painted Animation

    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.

    127 GitHub starsUsed in 1 repo~1.9k tokens
    Media & CreativeAuto-check passed
  • Day in My Life Agent Film

    heygen-com/hyperframes-community-skills

    Turns your local Claude Code session history into a 60 to 75 second hand-drawn ink film about a day with your agent, with a string score and your approval of every line.

    178 GitHub stars~1.7k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Session Story Film

    heygen-com/hyperframes-community-skills

    Turns one typical session between you and your agent into a short animated film built from your real messages, with a composed score, after you approve every line.

    178 GitHub stars~1.8k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Motion Editor

    CoWork-OS/CoWork-OS

    Build a local, offline motion-design editor app (After Effects / Screen Studio-lite) with scenes, layers, keyframes, spring easing, presets, stagger, a cursor layer, timeline, undo/redo, save/open…

    473 GitHub stars~2.1k tokensUpdated today
    Media & CreativeAuto-check passed
  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    59k GitHub starsUsed in 3 repos~5.2k tokens
    Media & CreativeAuto-check passed

More from edenfunf/reelmimic

All 9 skills in this repo
  • Media Use

    edenfunf/reelmimic

    Agent Media OS, the single skill for every media need in a HyperFrames project.

    1.7k GitHub starsUsed in 2 repos~2k tokens
    Auto-check passed
  • Takes a reference video and a short brief, analyzes its cutting and visual style, then plans and builds a new MP4 in a matching style.

    1.7k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed
  • Blender Product Film

    edenfunf/reelmimic

    Renders premium 3D product films in headless Blender from JSON shot specs, building the product from a photo or procedurally, then finishing titles, music and cuts.

    1.7k GitHub stars~2.6k tokensUpdated yesterday
    Auto-check passed
  • Crayon Storybook Animation

    edenfunf/reelmimic

    Builds children's picture-book MP4 animations drawn in crayon, colored pencil and pastel, rendered frame by frame with p5.js and encoded with ffmpeg.

    1.7k GitHub stars~1.7k tokensUpdated yesterday
    Auto-check passed
  • Paper Cut-out Animation

    edenfunf/reelmimic

    Builds paper cut-out, stop-motion style MP4 videos in code, with jointed paper puppets, torn or scissor-cut edges and soft shadows, rendered frame by frame in headless Chrome.

    1.7k GitHub stars~1.5k tokensUpdated yesterday
    Auto-check passed
  • Pixel Art Video Engine

    edenfunf/reelmimic

    Makes animated pixel-art videos in an indie-game style: a 480×270 canvas upscaled four times, limited palettes with dithering, procedural characters and dialogue captions, encoded as MP4.

    1.7k GitHub stars~1.4k tokensUpdated yesterday
    Auto-check passed

Works with

Questions about Anime Cel Video Maker

What does Anime Cel Video Maker do?

Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg. This skill produces anime-look video drawn entirely by code: characters with tapered line art, flat cel color with one hard shadow tone and a rim highlight, large layered eyes and hair built from pointed locks, plus painted line-free backgrounds and staging effects such as speed and focus lines, impact frames, zooms, smears, sakura petals and CJK subtitles. Every frame is a pure function of time, drawn on Canvas 2D in headless Chrome and encoded with ffmpeg.

When should I use Anime Cel Video Maker?

Anime Cel Video Maker fits situations like: making a short anime-style video from a brief or reference video; creating comedic anime reactions such as sweat drops and sparkle eyes; building school, street or rooftop scenes with time-of-day palettes; adding anime subtitles and impact frames to a clip.

How do I install Anime Cel Video Maker in Claude Code?

Run `npx skills add edenfunf/reelmimic --skill anime-cel -a claude-code`. Or copy the skill folder (.claude/skills/anime-cel in edenfunf/reelmimic) into .claude/skills/anime-cel in your project. Claude Code loads it when a task matches its description.

How do I install Anime Cel Video Maker in Codex?

Run `npx skills add edenfunf/reelmimic --skill anime-cel -a codex`. Or copy the skill folder (.claude/skills/anime-cel in edenfunf/reelmimic) into .agents/skills/anime-cel in your project. Codex loads it when a task matches its description.

Can I use Anime Cel Video Maker 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 edenfunf/reelmimic --skill anime-cel -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/anime-cel, .gemini/skills/anime-cel, .github/skills/anime-cel and .opencode/skills/anime-cel in your project.

What does Anime Cel Video Maker need to run?

Going by SKILL.md and its folder, Anime Cel Video Maker needs a shell and JavaScript for the scripts in its folder and the command-line tools its instructions call (node, bash and npm). Our summary lists: Node.js, ffmpeg and Chrome, which the scaffold script checks for.

Does Anime Cel Video Maker access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Anime Cel Video Maker 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 Anime Cel Video Maker use?

Anime Cel Video Maker is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Anime Cel Video Maker use?

About 1.6k tokens (SKILL.md is roughly 6.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Anime Cel Video Maker?

Skills that share tags, products or a category with Anime Cel Video Maker: p5 Paint Animation (heygen-com/hyperframes-community-skills, 178 stars), Painted Animation (tuzhechen2005/opus-video-skills, 127 stars), Day in My Life Agent Film (heygen-com/hyperframes-community-skills, 178 stars) and Session Story Film (heygen-com/hyperframes-community-skills, 178 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Anime Cel Video Maker?

edenfunf (a GitHub user) maintains it in edenfunf/reelmimic, which has 1,701 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 7, 2026.

Source: edenfunf/reelmimic on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.