img-to-3d

# SEOSONA — Image → Three.js (procedural, code-only) Dựng model 3D từ ảnh bằng **CODE Three.js primitives**, KHÔNG reconstruct mesh/depth. Theo pattern lõi spec→gate→build (xem skill spec-gate-build) — model chỉ tốn token cho phần **so ảnh render vs ảnh gốc**. ## 8-pass sculpting (từ img2threejs) 1. **Intake/analysis** — phân tích ảnh: hình khối chính, tỉ lệ, vật liệu, màu, phần động. 2. **ObjectSculptSpec (JSON)** — spec cấu trúc: các khối primitive (box/sphere/cylinder…), transform, material, hierarchy, socket/collider. 3. **Quality gate** — validate spec (đủ khối? tỉ lệ hợp lý?) trước khi build. 4. **Blockout** — dựng khối thô Three.js. 5. **Structural** — chi tiết cấu trúc + hierarchy. 6. **Material** — vật liệu PBS + màu bám ảnh. 7. **Lighting + interaction** — đèn + socket/animation group. 8. **Optimization** — gộp geometry, giảm draw-call. ## Vòng verify (token chỉ cho phần nhìn) - **Browser screenshot** scene vs ảnh gốc → vision model chấm khác biệt (bố cục/tỉ lệ/màu) → feedback → sửa pass. - Phần gate/validate/optimize = code deterministic (không tốn model). ## Output - `ObjectSculptSpec` (JSON) + TS factory trả `THREE.Group` (có socket/collider nếu cần). - Kết quả verify: diff vs ảnh gốc + verdict. ## Lưu ý scope - ĐÂY LÀ ADJACENT — SEOSONA Flow core là gen ẢNH/VIDEO qua web-UI, không phải 3D. Dùng skill này khi thật sự cần asset Three.js; đừng ép vào luồng gen ảnh. - Không depth-map/photogrammetry — chỉ primitive + procedural (nhẹ, animation-ready, git-diffable).