← Tous les Skills · 3D · Three.js Scene Builder

Three.js Scene Builder — sortie finale
Runs inClaude Code Codex Cursor Muse Dot Grok Bot Cue OpenClaw Hermes
Install guidesClaude Code Codex Cursor Muse
Il vous faut :Un brief de scène (brief.txt : [objects] id: shape | size … | pos … | material … ; [lights] ; [camera] ; [scene]) et un navigateur avec WebGL pour voir la scène.

Similar Skills

Blender Scene Assistant previewFree

Blender Scene Assistant

  1. Rédiger le brief de scène en texte brut
  2. Exécuter le générateur sur le brief
  3. Lire le rapport avant de faire confiance à la scène
  4. Rendre dans Blender, sans interface ou dans le viewport
  5. Corriger les erreurs et relancer

View all skills →

Ce que vous obtenez

  • Un scene.html autonome : import map, moteur de rendu avec ombres, chaque objet avec son matériau standard
  • OrbitControls et animation de plateau tournant, plus un gestionnaire de redimensionnement
  • Un rapport de scène : tableaux des objets et des lumières, plus toutes les erreurs et avertissements
  • Un script de module vérifié avec node --check à chaque exécution

Idéal pour

  • Plateaux tournants de produit et scènes web 3D à partager par lien
  • Prototyper une scène 3D avant de l'intégrer à un site
  • Garder la scène honnête : seul ce qui est énuméré est construit

Pas pour

  • Modèles chargés complexes (GLTF/FBX) — primitives uniquement
  • Inventer des objets, des lumières ou un fond manquants pour compléter une scène
  • Prouver qu'une scène est belle — un rapport propre signifie qu'elle correspond au brief, pas à la réalité

Exemple de résultat

Un exemple de ce que produit ce Skill. Contenu d'échantillon, montré à titre d'illustration.

Three.js Scene Builder report — sample

Scene report: Yellow Mug Turntable

Objects: 3 valid | Lights: 2 | Camera: custom | Background: #262627 | Turntable: on

Objects: pedestal (cylinder 2.0, 0.15); mug (cylinder 0.9, 1.1); backdrop (plane 12, 12).

Errors: none. Warnings: none. Module node --check: OK.

Messy draft check: 2 valid objects, 3 errors (unknown capsule shape; duplicate mug id; negative-size badbox), 1 warning (missing camera — default added).

À propos de ce Skill

You say
Construis-moi un plateau tournant de produit en Three.js : une tasse jaune sur un socle sombre, fond clair, contrôles d'orbite.

Comment l'installer

  1. Copiez l'invite d'installation dans votre agent : Read https://skillu.dev/install/agent.md, then install the Three.js Scene Builder skill (threejs-scene-builder).
  2. Ou téléchargez le paquet du Skill depuis cette page après le lancement et placez son dossier dans le répertoire de skills de votre agent.
  3. Appelez-le avec une commande barre oblique, p. ex. /threejs-scene-builder, et décrivez ce que vous voulez en mots simples.

Questions fréquentes

Que se passe-t-il si mon brief contient une erreur ?

La scène est quand même générée à partir des parties valides, et le rapport liste toutes les erreurs et avertissements : les formes inconnues sont écartées, les id en double conservent leur première définition, les tailles incorrectes sont nommées et une caméra manquante est remplacée par la valeur par défaut déclarée. Corrigez le brief et relancez.

Construit-elle quelque chose que je n'ai pas énuméré ?

Non. Seuls les objets, lumières et réglages de votre brief apparaissent. Un fond ou une deuxième lumière manquants sont une lacune du brief à corriger, pas quelque chose que la skill comble.

La scène a-t-elle besoin d'un serveur ?

N'importe quel hébergement statique ou un serveur local d'une ligne suffit (python3 -m http.server). La page charge three.js 0.160.0 depuis le CDN unpkg ; pour un usage totalement hors ligne, téléchargez le module et l'addon OrbitControls en local et pointez l'import map vers eux.

Obtenir Premium Parcourir plus de Skills