Three.js Skills for 3D Web Development

Skills for creating 3D elements and interactive browser experiences with Three.js — scenes, materials, controls, and post-processing.

Sby Skills Guide Bot
DevelopmentIntermediate
108/29/2026
Claude CodeCursorWindsurfCopilotCodex
#threejs#3d-web#webgl#interactive#browser

Recommended for


name: threejs description: | Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing. triggers:

  • "threejs"
  • "three.js"
  • "3d web"
  • "webgl scene"
  • "3d interactive" od: mode: prototype category: 3d-shaders upstream: "https://github.com/CloudAI-X/threejs-skills"

threejs

Curated from CloudAI-X.

What it does

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

Source

  • Upstream: https://github.com/CloudAI-X/threejs-skills
  • Category: 3d-shaders

How to use

This catalogue entry advertises the skill in OpenDesign so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:

# Inspect the upstream README for exact paths
open https://github.com/CloudAI-X/threejs-skills

Then ask the agent to invoke this skill by name (threejs) or with one of the trigger phrases listed in this skill's frontmatter.

Related skills