img2threejs is an open-source agent skill that rebuilds an object from one reference image as procedural Three.js code. It generates a TypeScript THREE.Group factory from primitives, procedural shaders, and generated geometry rather than extracting or downloading a mesh. The resulting hierarchy can include pivots, sockets, colliders, and destruction groups so the model is ready for interaction and animation. A staged pipeline evaluates suitability, defines a detailed specification, builds successive passes, renders browser previews, and compares them with the source image. Quality gates require structural detail, material realism, correct attachments, and passing visual-review scores. The system can classify objects, characters, and hybrid subjects, with specialized reconstruction paths for each. It works with Claude Code, Codex, or OpenCode and can refine its specification or code when a review fails.
Features
- Single-image procedural reconstruction
- TypeScript THREE.Group generation
- Animation-ready runtime hierarchy
- Staged quality-gated modeling
- Browser render comparison
- Automatic specification and code refinement