az9713

Animate Libs — Development skill for Claude Code

Development community

animate-libs: a Claude Code plugin for short procedural animations with vendored JavaScript libraries.

How to install Animate Libs

This entry records only its repository, not the path inside it, so there is no exact command to give. Open az9713/animate-libs and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Animate Libs does

animate-libs: a Claude Code plugin for short procedural animations with vendored JavaScript libraries. Extends cth9191/animate (MIT).

Alternatives in Development

  • JS To TS — JavaScript to TypeScript Migration Command 74.5k ★
  • Sora — Generate, remix, and manage short video clips via OpenAI's Sora API 14.6k ★
  • Cs2 Knife — Create a high-fidelity procedural Three.js 3D reconstruction of 14.1k ★

README

Animate — procedural animation in any style, for Claude Code

**animate-libs** extends [cth9191/animate](https://github.com/cth9191/animate) (MIT) with nine vendored JavaScript libraries (`plugins/animate-libs/skills/animate-libs/libs/`), an equation path and five more styles. It is an independent copy; the upstream repo is unchanged. One name is used everywhere: folder, marketplace, plugin and skill are all `animate-libs`. Where the text below says `animate`, read `animate-libs`. Install: `/plugin marketplace add az9713/animate-libs` then `/plugin install animate-libs@animate-libs`. Use it as `/animate-libs`.

A Claude Code skill that makes short animated videos entirely in code: one ``, drawn and scored procedurally, deterministic frame by frame, rendered to MP4 with a headless browser and ffmpeg. Explainers, histories, little stories — in one of the built-in styles, or in a new look matched from your own references.

Library demos

One short piece per vendored library, each in a different style. Below each video: the library, then the style it is drawn in. Each preview loops here; click it to open the full video with sound (`docs/videos/*.mp4`); the piece sources are in `plugins/animate-libs/skills/animate-libs/examples/`.

waapi demo
CSS / WAAPI
style: terminal
gsap demo
GSAP
style: kinetic-type
d3 demo
D3
style: riso
katex demo
KaTeX
style: math

Related Skills