Motion design et 3D Vérifié sur documentation Avancé
threejs-fundamentals
cloudai-x/threejs-skills
Scènes 3D web avec Three.js
Texte de fiche en cours de relecture : les informations techniques sont vérifiées, la rédaction n'est pas encore validée par un humain.
À quoi ça sert
Aide l'agent à monter une scène 3D dans le navigateur avec Three.js : caméra, rendu, lumière, boucle d'animation, objets, redimensionnement et nettoyage de la mémoire.
Pour qui
Tu veux afficher une scène ou un objet en 3D sur une page web.
Exemples de demandes
- « Crée une scène 3D avec un cube qui tourne sur ma page. »
- « Règle la caméra et gère le redimensionnement de ma scène Three.js. »
Limites
- Il couvre les bases : scène, caméra, rendu. Les sujets avancés demandent d'autres connaissances.
- Il faut un projet web où brancher Three.js.
- La 3D peut peser lourd sur les téléphones modestes.
Installer ce skill
Prérequis : Projet web
Copie la commande, colle-la dans ton terminal (Mac) ou PowerShell (Windows), puis confirme toi-même quand le programme te le demande.
Commande (dernière version publiée)
npx skills add https://github.com/cloudai-x/threejs-skills --skill threejs-fundamentals -a claude-codeIl faut Node.js 22.20 ou plus récent pour la commande npx. Windows : si la création de liens échoue : ajouter --copy (non testé).
Commande figée sur la version vérifiée
Commande figée sur la version vérifiée
npx skills add cloudai-x/threejs-skills@0e181866f095b5f06d005133876e926515390d95 --skill threejs-fundamentals -a claude-codeCommande vérifiée sur la documentation, pas encore essayée par Neurylio.
Avant d'installer. Lis le fichier SKILL.md sur GitHub, vérifie d'où vient le skill et ce qu'il peut faire. Les leçons du module 7 t'expliquent comment :