n2q’s Posts
Log in
EZPost LogoPowered by EZPost© 2026 n2q
img2threejs: An AI technical artist for Three.js
n2q’s PostsDesign, 3D & Video
Design, 3D & Video

img2threejs: An AI technical artist for Three.js

One image in, one procedural 3D model running on the web out. That is the compact promise of img2threejs, an open source skill for coding agents.

N
Written byn2q
02 Aug 20260 min read7 views

Table of Contents

  • What it is
  • Why it matters
  • How it works
  • Caveats
  • Who it's for

#img2threejs: An AI technical artist for Three.js

One image in, one procedural 3D model running on the web out. That is the compact promise of img2threejs, an open source skill for coding agents.

#What it is

img2threejs is an open source skill for Claude Code, Codex, and OpenCode. You give it a reference image, and it rebuilds the object as a code-only, procedural Three.js model — editable TypeScript, not a flattened image or a baked mesh. The output can be read, modified, and version controlled with Git.

The agent analyzes the reference, builds geometry, materials, and lighting, then renders, compares against the source image, and refines across multiple passes. It is an iterative loop, not a one-shot generator.

#Why it matters

  • It lowers the barrier to 3D for people who do not know Blender. You can produce a web-ready prop without learning the full modeling pipeline first.
  • Three.js developers get TypeScript they can actually read, edit, and reuse, rather than a binary asset.
  • 3D artists can use it for fast blockouts — testing silhouette, materials, and camera before committing to production work.
  • The output has interactive structure rather than being a static mesh, which makes it suitable for web and game prototypes.

#How it works

The workflow is a gated loop. The agent looks at the reference image, writes a structured specification, generates geometry with primitives and procedural shaders, renders the result in the browser, and compares it to the original. Based on that comparison, it decides whether to refine the spec, refine the code, request more input, or stop. Each pass is checked before the next is allowed to proceed.

#Caveats

This is not a one-click production mesh generator. Hidden sides of an object can only be inferred from a single image. Rigging and glTF export remain on the roadmap. For hard-surface web 3D and rapid prototyping it is worth a look, but it will not replace a production 3D pipeline or a skilled artist.

#Who it's for

img2threejs is for developers building interactive websites, game props, quick prototypes, portfolios, or fast 3D blockouts who want code they can control rather than a black-box asset.

Think of it as an AI technical artist that helps you start, not a machine that replaces the artist.

Filed under
Design, 3D & Video
Share this post
N
About the author
n2q
Sharing ideas and building in public.
View all posts
Loading comments...

Table of Contents

  • What it is
  • Why it matters
  • How it works
  • Caveats
  • Who it's for
Keep reading

More from n2q

See all
Open Design: Design with AI AgentsDesign, 3D & Video

Open Design: Design with AI Agents

Open Design is an open-source alternative to Anthropic's Claude Design that turns your existing coding agents into a full design engine, and it has over 34,000 GitHub stars.

Nn2q0 min
HTML Video: Give a link to AI, get an MP4 backDesign, 3D & Video

HTML Video: Give a link to AI, get an MP4 back

Hand a coding agent a link to an article or a GitHub repository, and it returns a multi-scene MP4 rendered on your laptop. That is the ambitious pitch of HTML Video, an open source project that turns web technology into a video pipeline.

Nn2q0 min
img2threejs: Build 3D from a single image without knowing BlenderDesign, 3D & Video

img2threejs: Build 3D from a single image without knowing Blender

You do not need to know Blender to build a 3D object from a photograph. img2threejs is an open source skill that hands the job to an AI technical artist, which writes Three.js code, renders it, and reviews it against the reference image over multiple passes.

Nn2q0 min