Skip to content
AI Primer
💻 Developer ToolsNew

img2threejs

hoainhoby hoainhotoday1.3k

Turn an object or character reference image into a quality-gated, animation-ready procedural Three.js model built in code. Use for image-to-3D reconstruction, detail-accurate object rebuilds, stylized/likeness-maximized human characters, sculpt specs, and staged code generation.

Install

npx skills add https://github.com/hoainho/img2threejs --skill img2threejs
Show step-by-step
  1. 1

    Open your terminal

    • Mac: Press ⌘ Space, type "Terminal", press Enter
    • Windows: Press Win R, type "cmd", press Enter
  2. 2

    Paste the command above and press Enter

    Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).

  3. 3

    Restart Claude Code

    Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives
~/.claude/skills/hoainho--img2threejs/
├── SKILL.md
└── ... (skill resource files)
View on GitHub

Comments

X@MengTo

"A skill that turns a single image into editable Three.js code. Instead of a static asset, you get clean 3D you can animate, tweak, and drop straight into your..."

Always review skill code before installing. Third-party skills may contain scripts that run on your machine.

Related skills

✍️ Writing

writing-plans

Use when you have a spec or requirements for a multi-step task, before touching code

by obra · 13 days ago258.6k
📦 Product

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

by obra · 13 days ago258.6k
🎨 Design

p5js

p5.js sketches: gen art, shaders, interactive, 3D.

by NousResearch · 2 months ago218.2k
💻 Developer Tools

grill-me

A relentless interview to sharpen a plan or design.

by mattpocock · 3 months ago179.9k