·threejs-webgl
</>

threejs-webgl

Compétences complètes pour le développement Web 3D Three.js. Utilisez cette compétence lors de la création de scènes 3D interactives, d'applications WebGL/WebGPU, de configurateurs de produits, de visualisations 3D ou d'expériences Web immersives. Se déclenche sur des tâches impliquant Three.js, le rendu 3D, les scènes, les caméras, les maillages, les matériaux, les lumières, les animations, les textures ou le rendu WebGL/WebGPU.

24Installations·2Tendance·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webgl

Comment installer threejs-webgl

Installez rapidement le skill IA threejs-webgl dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webgl
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : freshtechbro/claudedesignskills.

Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.

Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:

Use InstancedMesh for Repeated Objects For hundreds/thousands of identical objects, use InstancedMesh (see pattern above).

Compétences complètes pour le développement Web 3D Three.js. Utilisez cette compétence lors de la création de scènes 3D interactives, d'applications WebGL/WebGPU, de configurateurs de produits, de visualisations 3D ou d'expériences Web immersives. Se déclenche sur des tâches impliquant Three.js, le rendu 3D, les scènes, les caméras, les maillages, les matériaux, les lumières, les animations, les textures ou le rendu WebGL/WebGPU. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill threejs-webgl
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-06
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que threejs-webgl ?

Compétences complètes pour le développement Web 3D Three.js. Utilisez cette compétence lors de la création de scènes 3D interactives, d'applications WebGL/WebGPU, de configurateurs de produits, de visualisations 3D ou d'expériences Web immersives. Se déclenche sur des tâches impliquant Three.js, le rendu 3D, les scènes, les caméras, les maillages, les matériaux, les lumières, les animations, les textures ou le rendu WebGL/WebGPU. Source : freshtechbro/claudedesignskills.

Comment installer threejs-webgl ?

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/freshtechbro/claudedesignskills --skill threejs-webgl Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills