Show your agent one picture of an object or character and it rebuilds it as plain Three.js code, pass by pass, checking its own renders against the picture, so you get a 3D model you can rotate, animate and keep editing instead of a mesh file.
In short: Show your agent one picture of an object or character and it rebuilds it as plain Three.js code, pass by pass, checking its own renders against the picture, so you get a 3D model you can rotate, animate and keep editing instead of a mesh file. It is a free skill for people who use Claude Code or Codex and want help with motion graphics.
Checked on · Added
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| GitHub repo | Open source · ★ 18.8k | img2threejs/img2threejs |
Real videos made with this skill, credited to their creators. Hover to preview.
MOTION1:20The skill author turned a single picture into an animated Three.js creature: every part, colour and move is TypeScript code running live in the browser, with buttons for each animation.
APP DEMO1:30A real run in Codex: the agent follows the img2threejs workflow with a Hyper3D reference and builds an electric guitar as plain Three.js code, ending in a model you can spin and keep editing.
npx --yes img2threejs@latest install npx --yes img2threejs@latest doctor
Install command copied from the project README. Check the README for the latest version.
Show your agent one picture of an object or character and it rebuilds it as plain Three.js code, pass by pass, checking its own renders against the picture, so you get a 3D model you can rotate, animate and keep editing instead of a mesh file.
Rebuild the object in a reference image as a code-only, procedural Three.js model.
Short excerpt from the README of img2threejs/img2threejs. Read the full README on GitHub.
Written by us so you can reuse it. Replace each [bracket] with your details.
A single model can burn a big share of a weekly coding-plan quota, especially with the strongest models. Add-on plugins are separate installs and one (environment) is private and needs approved access. Only rebuild things you have the right to use: characters and products from games or brands belong to their owners.
Show your agent one picture of an object or character and it rebuilds it as plain Three.js code, pass by pass, checking its own renders against the picture, so you get a 3D model you can rotate, animate and keep editing instead of a mesh file.
It works with Claude Code and Codex. The code is on GitHub at img2threejs/img2threejs.
Free & open source (Apache-2.0). Needs Node.js 18+, Git and Python 3.10+. Detailed models use a lot of tokens; optional add-ons such as Hyper3D or Tripo for reference meshes are paid services.
Run the install command from the README: “npx --yes img2threejs@latest install”. Check the README on GitHub for the latest version, then follow the steps on this page.
We read 223 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine.
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
SKILL0:56Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.
Claude Code +1★ 63.8k
SKILL0:34Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.
Claude Code +1★ 16k
SKILL0:28Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.
Claude Code +1★ 10.6k
SKILLBrings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.
Claude Code +1★ 4.2k
SKILLOfficial skills from GreenSock that teach agents to write correct, smooth GSAP animations.
Claude Code +1★ 16.4k
SKILLA motion skill for product launch films and feature demos where each moment turns into the next with no hard cuts, and a checker script rejects drafts that still feel like a slideshow.
Claude Code +1★ 2.9kFree newsletter
New AI tools you can use right away, in plain words. Every Friday.