three-js
✓Cette compétence doit être utilisée lorsque l'utilisateur demande de "créer une scène 3D", "d'ajouter un maillage", "implémenter OrbitControls", "charger un modèle GLTF", "ajouter un post-traitement bloom", "écrire un shader personnalisé", "créer des effets de particules", "optimiser les performances de Three.js", "utiliser WebGPU", "ajouter des ombres", "animer un modèle" ou mentionne Three.js, threejs, WebGL, WebGPU, GLTF, raycaster, matériau shader, matériau PBR ou effets de post-traitement. IMPORTANT : Cette compétence est destinée à VANILLA Three.js (JavaScript impératif). Pour réagir trois Fiber (@react-two/fiber, R3F, drei), vérifiez la compétence « r3f-best-practices », bien que les compétences three-js soient utiles lorsque vous travaillez avec R3F puisque R3F est un moteur de rendu React pour Three.js. Fournit une référence complète Three.js pour les graphiques Web 3D, y compris la configuration de la scène, géométrie, matériaux, textures, éclairage, caméras, chargeurs, animation, contrôles, interaction, shaders, post-traitement, optimisation des performances, matériaux TSL/node, Intégration WebGPU, physique et VR/XR.
Installation
SKILL.md
React Three Fiber users: This reference is for vanilla Three.js. For R3F/Drei patterns, use the r3f-best-practices skill. However, understanding Three.js concepts here helps when working with R3F since R3F is a React renderer for Three.js.
| references/01-fundamentals.md | Scene setup, renderer config, Object3D hierarchy, coordinate systems | | references/02-geometry.md | Creating shapes, BufferGeometry, instancing, points, lines | | references/06-cameras.md | Camera types, frustum, viewport, projection | | references/13-math.md | Vector3, Matrix4, Quaternion, Euler, Color, MathUtils |
| references/03-materials.md | PBR materials, shader materials, all material types | | references/04-textures.md | Texture loading, UV mapping, render targets, environment maps | | references/05-lighting.md | Light types, shadows, IBL, light probes | | references/11-shaders.md | Custom GLSL shaders, uniforms, varyings, shader patterns |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/noklip-io/agent-skills --skill three-js- Source
- noklip-io/agent-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que three-js ?
Cette compétence doit être utilisée lorsque l'utilisateur demande de "créer une scène 3D", "d'ajouter un maillage", "implémenter OrbitControls", "charger un modèle GLTF", "ajouter un post-traitement bloom", "écrire un shader personnalisé", "créer des effets de particules", "optimiser les performances de Three.js", "utiliser WebGPU", "ajouter des ombres", "animer un modèle" ou mentionne Three.js, threejs, WebGL, WebGPU, GLTF, raycaster, matériau shader, matériau PBR ou effets de post-traitement. IMPORTANT : Cette compétence est destinée à VANILLA Three.js (JavaScript impératif). Pour réagir trois Fiber (@react-two/fiber, R3F, drei), vérifiez la compétence « r3f-best-practices », bien que les compétences three-js soient utiles lorsque vous travaillez avec R3F puisque R3F est un moteur de rendu React pour Three.js. Fournit une référence complète Three.js pour les graphiques Web 3D, y compris la configuration de la scène, géométrie, matériaux, textures, éclairage, caméras, chargeurs, animation, contrôles, interaction, shaders, post-traitement, optimisation des performances, matériaux TSL/node, Intégration WebGPU, physique et VR/XR. Source : noklip-io/agent-skills.
Comment installer three-js ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/noklip-io/agent-skills --skill three-js Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/noklip-io/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01