又一个神级skill，一张图直接变成可交互的Three.js 3D模型，还能完成3D动画特效

在网页里展示一个可以旋转、缩放的3D模型是很简单。
但是只用一张图片，去把这张图片里的主体做成3D模型，那在之前太难了。
就不说用Blender这种传统软件做了，用AI去Vibe Coding一下都很复杂，真是隔行如隔山。
今天给大家推荐一个skill，能直接把一张图做成3D模型。
实测下来，从安装到生成第一个3D模型，我用的模型是GPT5.6-sol，总共用了不到10分钟。
用途很广泛，大家基本都有场景会用得到，像是一些产品想在网站上全方位展示、做一些游戏的道具、动画特效等等。
项目简介

img2threejs是一个图片转Three.js的专用skill。
用户提供一张参考图，AI会分析物体的轮廓、比例、组件、材质和细节，生成结构化的建模规格，再使用Three.js的基础几何体、程序化纹理和自定义几何代码重建物体。
最终输出的是一套可阅读、可修改、可以被Git管理的代码。
DEMO

先来看看我10分钟不到，安装+生成的。
我选了个稍微模糊一些的图片，也没有去除背景这些干扰因素。
下面这是原图和生成的3D模型截图对比。

这不是一次性就生成好的，skill里有检查机制，做好后会返回来再去检查修改，最终交付物才是这样。
再转几圈看看。

下面这些比较炫酷，像是做个游戏什么的，用这个skill也太简单了，起码一些道具、载具什么的就能做的很好看了，虽然跟专业搞3D的比不了，但暂时起码能用了。

功能特点

· 模型完全由代码生成
输出结果后，可以直接调整尺寸、颜色、材质、组件位置、交互逻辑。
· 先建立规格，再生成模型
AI建模失败大概率是因为模型在没有充分理解图片的情况下直接开始写代码。
img2threejs会先建立组件层级、材质系统、细节清单和质量标准，复杂物体如果只有一个根组件、没有重复结构或没有局部细节，会被严格质量门禁直接拦下。
· 分阶段构建和视觉检查
模型不是一次性生成，它会从轮廓到结构、从材质到灯光逐层推进。
每个阶段必须提供真实浏览器截图和参考图对比，达到指定视觉分数后才能进入下一阶段。
如果出现问题，系统会判断应该修改规格、修改代码，还是向用户索取更多参考图片。
· 程序化材质和重复结构
这些内容可以根据模型尺寸动态调整：