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
Star trend · last 5 days+1,597 ★
Nov 2, 2026: 597 starsNov 3, 2026: 1,203 starsNov 4, 2026: 1,510 starsNov 5, 2026: 1,731 starsNov 6, 2026: 1,985 starsNov 7, 2026: 2,194 stars

Get started

Install the skills

npx skills add mromidev/claude-animated-shorts

Installs into Claude Code, Codex, Cursor, OpenCode and the other agents it finds on your machine.

Inside this repo

1 skill

Documentation

README

View on GitHub ↗

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

  1. Copy this folder to ~/.claude/skills/cartoon-3d-short/ (clone it there, or download the ZIP).
  2. You need Remotion with @remotion/three, plus Node, Python 3 and ffmpeg.
  3. 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_TMP to a folder on a big drive. Every Remotion bundle copies public/ (~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.