blixvip/html-anime/html-anime-cel
Claude Code and agent skill by blixvip/html-anime
- community
Checking that the SKILL.md file is still in the repository.
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.
Install
npx vskill@latest install blixvip/html-anime/html-anime-celSKILL.md
Cel
A frame is flat paint plus a line. Build the hero frame of each shot at full opacity before any tween.
Paint
Use only the hexes on the sheet. A highlight is line, moon, or practical. It is not a new hex.
- Sky may be a gradient between
skyandink. Characters, cloth, and the blade are flat. - One shadow shape per character, hard-edged,
inkat about 20% over the local color. No airbrush, no soft light on skin. - The eye white is
sclera. The iris isiris. Pupil ishairorink. Two catchlights maximum, cut fromlineormoon, window-shaped. - Hair is two or three masses. Bangs are chunks. One hard sheen band in
moonorline. Not strands, not a glow. - Line sits on top. At 1080px tall, outer contour about 6px, interior lines about 3px. Taper by drawing the path, not with a blur filter.
Depth, back to front
- Sky
- Far silhouette — lighter, lower contrast, few windows in
practical - Ground and the wide-shot figure
- Rain, on its own layer
- Close figure
- Type
Wide shots are silhouettes. Detail belongs to the close shot. One practical light in the shot (window, moon rim, or blade), drawn as a flat shape.
Effects
- Rain is a field of straight strokes in
line, on its own layer. Positions are written out or come from a seeded series. NeverMath.random(). - A blade trail is one tapered shape in
practical, plus one smear drawing behind a fast arc. Not a stack of glow circles. - Speed lines are few, straight, and only inside the sakuga shot.
Type
The line sits in the bottom third, in the clear, off the eyes and off the blade. Letterbox bars may hold it. No title, logo, or credit unless the sheet's logline is a title.
Order
For each shot: sky, silhouette, local color, shadow shape, line, effects, type. Then timing.
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingskills/html-anime-cel/SKILL.md
Popularity
- Repository stars
- 16
- 7-day trend score
- 19
Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/blixvip/html-anime/html-anime-cel)