Skill · #14 trending skills repo · ↗ +2.2k stars this week
Claude Animated Shorts
mromidev/claude-animated-shorts
Free Claude skill: viral animated story shorts (2D characters in a 3D world) with three.js + Remotion
- Stars
- 2.2k
- This week
- +2.2k
- Forks
- 475
- Open issues
- 0
- Skills inside
- 1
Get started
Install the skills
npx skills add mromidev/claude-animated-shortsInstalls into Claude Code, Codex, Cursor, OpenCode and the other agents it finds on your machine.
git clone --depth 1 https://github.com/mromidev/claude-animated-shorts.git /tmp/claude-animated-shorts
cp -r /tmp/claude-animated-shorts ~/.claude/skills/claude-animated-shortsClaude Code reads ~/.claude/skills/ (or .claude/skills/ in a project). Other agents read the same SKILL.md format from their own skills folder.
Inside this repo
1 skill
Documentation
README
Claude Animated Shorts
The free Claude skill from the video "How to Make Viral Animated Shorts Using Claude (Full Workflow)".
It makes 55-70 s vertical animated story shorts: 2D characters in a colourful 3D world, with ink outlines, a painted town, lens blur, gliding cameras, a march score and sound effects. Everything is rendered with three.js inside Remotion on your own PC, with no AI video generator.
Proven on The Bridge That Fell for a Song, a 67 s short about the 1831 Broughton bridge.
What's inside
| Path | What it is |
|---|---|
SKILL.md |
The skill: the full pipeline, every rule, every fix, and the final look values |
templates/bridge/ |
The full source of the bridge short: world, characters, ink, lens blur, grade, story/camera |
templates/audio/ |
The synthesized sound: SFX, march music, the mix with ducking and loudness |
templates/scripts/ |
Stills, side-by-side sheets, shot merge and frame-by-frame QA helpers |
references/STYLE_BIBLE.md |
The script and visual formula measured from 20 reference shorts |
references/reports/ |
Seven measured reports: motion, depth, textures, characters, lighting, outlines, grade |
references/frames/ |
38 full-size reference frames (540x960) to compare your frames against |
references/sheets/ |
20 contact sheets, one per reference short, 60 frames each (1,200 frames) |
Install
- Copy this folder to
~/.claude/skills/cartoon-3d-short/(clone it there, or download the ZIP). - You need Remotion with
@remotion/three, plus Node, Python 3 and ffmpeg. - In Claude Code, say: "Use the cartoon short skill and make a short about …".
Claude then follows SKILL.md: topic and facts, then script, then voice, then the shot plan in story.ts, then stills, then renders. Agents check your frames against the reports and the frames, and you get the final 2K render and sound mix.
Notes
- Set
REMOTION_TMPto a folder on a big drive. Every Remotion bundle copiespublic/(~1.3 GB) into the temp folder. - Story, characters and voice should always be your own. Use the references for the look, not the content.
License
The code and docs are MIT (see LICENSE). The reference frames are included for style study only.