Img2threejs

by img2threejs

Img2threejs is a Frontend skill for Claude Code, published by img2threejs in img2threejs.

11.8K stars915 forkson img2threejs/img2threejsAdded 2026/08/15+3% in starsRepository updated 2026/08/13

View source on GitHub Download repo ZIP

3dai-agentsclaude-codecomputer-graphicsgenerativeimage-to-3dprocedural-generationthreejstypescriptwebgl

Install in seconds

Install Img2threejs

Copy Img2threejs into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/img2threejs/img2threejs ~/.claude/skills/img2threejs

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/img2threejs/img2threejs.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: SKILL.md in img2threejs/img2threejs
Installs to: ~/.claude/skills/img2threejs
Collection: One of 2 skills cataloged from this repository
Category: Frontend — 567 skills

What Img2threejs does

Img2threejs turns a reference image into a code-only, procedural Three.js model using a staged sculpting pipeline with quality gates and an AI-vision self-correction loop. Use it when you need an animation-ready 3D asset, character model, or material study rebuilt from a photo rather than photogrammetry or mesh extraction.

Img2threejs is cataloged under Frontend on DirSkills. Img2threejs comes from a repository tagged 3d, ai-agents, claude-code, computer-graphics and generative.

Documentation

README

Excerpt

img2threejs — Image to procedural Three.js

Rebuild the object visible in a reference image as a code-only procedural Three.js model, gated by a staged sculpting pipeline and an AI-vision self-correction loop. This is reconstruction-by-code, not photogrammetry, mesh extraction, or downloaded art packs.

Agent-agnostic: works under Claude Code, Codex, or OpenCode. Wherever this doc says "agent vision" or "agent browser tool", use whatever the host provides — native image reading, a browser MCP (playwright/chrome-devtools), the project preview, or a user-supplied screenshot.

Canonical shared checkout

Keep one checkout of this repository and let every host enter it through a symlink, so Claude and Codex execute the same code instead of drifting apart:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Img2threejs

What else does img2threejs publish alongside Img2threejs?
Img2threejs is one of 2 skills that DirSkills catalogs from img2threejs/img2threejs, the repository it ships in. Its siblings there include Image to 3D Blueprint. Each one is a separate skill with its own page in this directory, installs the same way Img2threejs does, and is maintained by img2threejs in that same repository. The rest of the collection is listed on the img2threejs/img2threejs page.
How does Img2threejs compare to other Frontend skills?
Img2threejs ranks #79 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Img2threejs against them. Open each page to compare what they document and how they install.