Updated 2w ago
by iart-ai
javascript-animation-skills
Every frame drawn in JavaScript — the Opus 5.5-style animation technique as agent skills: hand-drawn canvas animation, zero image assets, code-synthesized soundtrack, A/V sync check.
25 GitHub stars (25)
+25 in 23 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | +2 |
| Oct 3 | +1 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | +2 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | +2 |
| Oct 11 | +1 |
| Oct 12 | 0 |
| Oct 13 | +1 |
| Oct 14 | +1 |
| Oct 15 | +2 |
| Oct 16 | +2 |
- 2 skills (2 skills found in its SKILL.md files)
- 2 forks (2 forks)
- 2w ago last update (Last updated 2w ago)
Install
Skills CLI
npx skills add iart-ai/javascript-animation-skills
Asks which skills and agents to install. Just one: npx skills add iart-ai/javascript-animation-skills --skill javascript-animation — add -g for every project.
Claude Code
git clone https://github.com/iart-ai/javascript-animation-skillscp -r "javascript-animation-skills/skills/javascript-animation" ~/.claude/skills/
Copies the javascript-animation skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add iart-ai/javascript-animation-skills
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.
-
javascript-animation
This skill should be used when the user asks to "draw every frame in JavaScript", "make an animation with no image assets", "animate this in code / on a canvas", "make a hand-drawn style animated video", "turn this into a short animated film", "make an animated explainer drawn in code", "make an animated story / picture book of my photos", or "make a zero-asset animation like the Opus 5.5 ones".…
skills/javascript-animation/SKILL.md on GitHub (opens in a new tab) -
soundtrack
This skill should be used when the user asks to "add music to the animation", "make the music in code", "synthesize a soundtrack", "compose background music that fits the cuts", "sync the music to the video", "check if the audio lines up with the picture", or "the music is too sudden / startling". Covers a code-synthesized score that lives inside the animation page (Web Audio API, rendered offlin…
skills/soundtrack/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.