Skip to content
Free and open to everyone. The lessons keep improving thanks to your feedback.
Language : EN

Motion design and 3D Checked against documentation Advanced

threejs-fundamentals

cloudai-x/threejs-skills

Scènes 3D web avec Three.js

The skill descriptions are in French for now. The interface is in English; the pages will be translated later.

This description is still being proofread: the technical information is checked, the wording has not yet been validated by a human.

What it does

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.

Who it is for

Tu veux afficher une scène ou un objet en 3D sur une page web.

Example requests

  • « 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. »

Limits

  • 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.

Install this skill

Prerequisites : Projet web

Copy the command, paste it into your terminal (Mac) or PowerShell (Windows), then confirm yourself when the program asks.

Command (latest published version)

npx skills add https://github.com/cloudai-x/threejs-skills --skill threejs-fundamentals -a claude-code

The npx command needs Node.js 22.20 or later. Windows : si la création de liens échoue : ajouter --copy (non testé).

Command pinned to the checked version

Command pinned to the checked version

npx skills add cloudai-x/threejs-skills@0e181866f095b5f06d005133876e926515390d95 --skill threejs-fundamentals -a claude-code

Command checked against the documentation, not yet tried by Neurylio.

Before installing. Read the SKILL.md file on GitHub, check where the skill comes from and what it can do. The lessons of module 7 explain how:

Back to the library