Tu connais ces sites où un objet flotte et tourne en 3D, où le décor défile autour de toi au scroll ? C'était le terrain réservé aux studios : modéliser dans Blender, peindre les textures une par une, animer image par image — des semaines de travail sur des logiciels que presque personne ne maîtrise. Ce skill transforme Claude Code en studio 3D. Il commence par te poser les bonnes questions — l'ambiance, l'objet héros, la lumière, ce que fait le scroll — puis il code un site en 3D temps réel (Three.js), rendu directement dans le navigateur, sans Blender ni moteur de jeu, hébergeable partout. Sa règle d'or : classe, jamais kitsch.
Ce que ça fait
Il t'interviewe d'abord (objectif, ambiance, objet héros, lumière, scroll), te résume le projet, et ne code qu'une fois que tu valides — jamais à l'aveugle.
Il crée l'objet héros : généré par code (cristal, surface iridescente, particules…) ou mis en scène à partir de ton propre modèle .glb.
Il travaille les matières et la lumière : verre, métal, chrome, holographique — des surfaces vivantes, pas une primitive grise qui tourne dans le vide.
Il anime l'objet, le décor et les mouvements au scroll (rotation, traversée, révélation des sections).
Il livre tout dans un seul fichier HTML prêt à mettre en ligne (ou en React / Three Fiber si c'est ta stack).
Honnête sur le faisable : du procédural ou un .glb mis en scène — pas de fausse promesse de décor sur-mesure « en une commande ».
Pour qui
Entrepreneurs, freelances, créateurs et e-commerçants qui veulent un site qui sort vraiment du lot — sans budget d'agence, sans savoir coder ni connaître la 3D.
Comment l'utiliser
1Télécharge le fichier du skill ci-dessous.
2Crée le dossier ~/.claude/skills/3d/ sur ton ordinateur.
3Renomme le fichier en SKILL.md et place-le dans ce dossier.
4Dans Claude Code, dis : « je veux un site en 3D » — Claude te pose quelques questions, puis te code le site.