Three.js Skills

Three.js (3js) is how 3D gets onto the web — but a scene is mostly boilerplate before the first object appears: renderer, camera, lights, materials, orbit controls, resize handling. The Three.js Scene Builder replaces the boilerplate with a checked brief: describe the scene in plain text, and the output is a single scene.html you open in a browser.

The skill below is the first Three.js skill on SkillU. It ships with a real brief, a working generator, evals, and a screenshot of the scene it builds — install it and make your own 3D web scene.

Browse the Three.js skill Explorar todos los Skills

1Three.js skill on SkillU
FreeThe Three.js skill is free to download
WebGLRuns in any browser with WebGL

Three.js skills on SkillU

A real skill with a working script, evals and a rendered scene — install it and build your own 3D web scene.

Three.js Scene Builder previewFree

Three.js Scene Builder

  1. Escribe el brief de escena en texto plano
  2. Ejecuta el generador sobre el brief
  3. Lee el informe antes de confiar en la escena
  4. Abre scene.html en un navegador y órbita
  5. Corrige los errores y vuelve a ejecutar

How the Three.js skill works

  1. Install the skill package into your agent's skills directory.
  2. Write the scene brief in plain text: objects, lights, camera and scene settings.
  3. Run the bundled generator — it validates the brief and writes scene.html plus a report.
  4. Open scene.html in a browser to orbit the scene, or drop it into any static host.

Preguntas frecuentes

What is the Three.js Scene Builder?

An Agent Skill that turns a plain-text scene brief into a validated, standalone Three.js web scene. You describe objects, lights, camera and scene settings; a script checks the brief — unknown shapes dropped, duplicates rejected, bad sizes named — then generates a single scene.html with orbit controls and a turntable.

Do I need Three.js experience?

No. Write the brief in plain text, run one command, and open scene.html in a browser. The skill's SKILL.md walks through every step, and the report tells you exactly what was wrong if the brief has an error.

What do I need to view the scene?

A browser with WebGL. The page loads three.js 0.160.0 from the unpkg CDN; to run fully offline, download the module and the OrbitControls addon locally and point the import map at them.

3D Explorar todos los Skills