Updated 1w ago
by blixvip
html-anime
Turn a scene prompt into a shot sheet, then have a coding agent draw the film in HTML. No video model.
41 GitHub stars (41)
+41 in 20 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | +1 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | 0 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | +1 |
| Oct 10 | 0 |
| Oct 11 | 0 |
| Oct 12 | 0 |
| Oct 13 | +1 |
| Oct 14 | 0 |
| Oct 15 | 0 |
| Oct 16 | 0 |
| Oct 17 | +23 |
- 5 skills (5 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 1w ago last update (Last updated 1w ago)
Install
Skills CLI
npx skills add blixvip/html-anime
Asks which skills and agents to install. Just one: npx skills add blixvip/html-anime --skill html-anime-camera — add -g for every project.
Claude Code
git clone https://github.com/blixvip/html-animecp -r "html-anime/skills/html-anime-camera" ~/.claude/skills/
Copies the html-anime-camera skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add blixvip/html-anime
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
html-anime-camera
Frame and cut a code-drawn anime — wide, close, look room, and where type sits in 16:9 or 9:16. Use when choosing an html-anime shot size, placing a face, or cutting between drawings.
skills/html-anime-camera/SKILL.md on GitHub (opens in a new tab) -
html-anime-cel
Paint code-drawn anime frames as flat cels in SVG or HTML — line, local color, one hard shadow, silhouette backgrounds, rain, and a closed color script. Use when drawing a character, background, blade, or effect for an html-anime or HyperFrames film.
skills/html-anime-cel/SKILL.md on GitHub (opens in a new tab) -
html-anime-direct
Turn a logline into an html-anime shot sheet — runtime, one sakuga shot, holds, and a color script — before any drawing. Use when someone asks for a code-drawn anime, an html-anime sheet, or a short made as HTML.
skills/html-anime-direct/SKILL.md on GitHub (opens in a new tab) -
html-anime-render
Author an html-anime film as a deterministic HyperFrames HTML composition — timeline registration, a color-dip cut, drawing swaps, and the lint gate. Use when writing or fixing the HTML for a code-drawn anime short.
skills/html-anime-render/SKILL.md on GitHub (opens in a new tab) -
html-anime-timing
Time code-drawn anime on twos — holds, anticipation, smear frames, and a drawing budget with one sakuga shot. Use when animating an html-anime shot, deciding how many drawings a beat gets, or stopping an anime from moving like a UI tween.
skills/html-anime-timing/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
reaby morluto Reverse engineer anything with agents, from app behavior down to native binaries.
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…
-
cavemanby JuliusBrussee 🪨 why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.