Skill · #397 trending skills repo

Claude 3d Animated Shorts

thuann-vn/claude-3d-animated-shorts

Claude skill: vertical 3D animated story Shorts (three.js) in the RicksClips style — real 3D characters, office/home sets, no AI video

Blender & 3D Media & games Productivity & PM

Install ↓GitHub ↗

Stars: 17
This week: +0
Forks: 9
Open issues: 0
Skills inside: 1

Star trend · last 1 days+0 ★

Get started

Install the skills

npx skills add thuann-vn/claude-3d-animated-shorts

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

git clone --depth 1 https://github.com/thuann-vn/claude-3d-animated-shorts.git /tmp/claude-3d-animated-shorts
cp -r /tmp/claude-3d-animated-shorts ~/.claude/skills/claude-3d-animated-shorts

Claude 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

claude-3d-animated-shortsMake vertical (9:16) animated story Shorts with real 3D cartoon characters in three.js, in the style of the RicksClips YouTube channel. White deadpan heads, pear bodies, noodle limbs, lit 3D sets (office, home, rail), a cinematic darker grade, word-by-word captions and the story-first explainer form/

Documentation

README

View on GitHub ↗

Claude 3D Animated Shorts

A Claude skill for vertical animated story Shorts with real 3D characters, built with three.js and rendered frame by frame on your own machine. No AI video generator is involved.

It started as a copy of mromidev/claude-animated-shorts (MIT). That skill uses 2D billboard characters in a 3D world. This one keeps the workflow and moves everything to 3D: every character is a rigged 3D model you can orbit around, pose and animate.

The look and the story formula follow the RicksClips YouTube channel (@RicksClips3000). That means white-headed cartoon people with deadpan faces, a lit 3D world in a darker, warmer, cinematic key, word-by-word captions, and the "odd act → mockery → disaster → science + analogy → loop" script. This project is not affiliated with RicksClips. Only the style is studied. No frames or content from the channel are included.

office set

What's inside

Path	What it is
`SKILL.md`	The skill: pipeline, character rules, look values, QA
`engine/stickrig.js`	Character builder on a Mixamo rig. Includes white flat-shaded heads with a brush outline in screen pixels, pear/bean bodies, outfits (hoodie, vest, polo, tunic), fabric patterns, ties and bow ties, hats, noodle limbs, mitten hands, IK and drawn faces
`engine/main.js`	Scenes: the rail film, the office/home review page (`?viewer=1`), a 10 s office skit (`?viewer=1&skit=1`) and a Wild West chase test (`?chase=1&dur=10`)
`engine/world.js`, `engine/post.js`	World and train builder; post chain with ACES grade, bloom, DOF, SMAA and n8ao ambient occlusion
`engine/assets/props/`	Kenney Furniture Kit and KayKit Furniture Bits (both CC0), used for the office and home sets
`tools/`	ElevenLabs voice with word timings, tempo fit, word-by-word captions, contact sheets
`upstream-2d/`	The original 2D skill, audio and scripts from mromidev (MIT), for reference

Install

git clone https://github.com/thuann-vn/claude-3d-animated-shorts ~/.claude/skills/claude-3d-animated-shorts
cd ~/.claude/skills/claude-3d-animated-shorts
bash scripts/fetch-assets.sh          # Xbot rig, horse, fonts (not redistributed here)
cd engine && npm install

You need Node 18+, Python 3 with Pillow, ffmpeg, and Chrome or Chromium. If render.cjs can't find the browser, set CHROME=/path/to/chrome.

Try it

cd engine
npx http-server -p 5310 -c-1 .
# open http://localhost:5310/viewer.html               → orbit/zoom the cast in the office
#      http://localhost:5310/viewer.html?set=home      (append to the redirected URL) → living room + kitchen
XQ="&viewer=1&skit=1" node render.cjs out/skit.mp4 1080 1920 30   # the 10 s office skit

Then in Claude Code say: "Use the 3D animated shorts skill and make a 40 s short about …".

Credits

Workflow and audio tools: mromidev/claude-animated-shorts (MIT)
Style reference: the RicksClips YouTube channel (style only, not affiliated)
Furniture: Poly Haven scans (CC0, fetched by the script), Kenney Furniture Kit and KayKit Furniture Bits (CC0)
Rig: Xbot from the three.js examples (Mixamo). Horse from the three.js examples. Both are downloaded by the fetch script, not included here.

Support

If this skill saved you some time, you can buy me a coffee ☕

License

MIT for the code and docs (see LICENSE). Third-party assets keep their own licenses.