About threejs
A skill that guides agents in building browser-based 3D scenes and interactive experiences with Three.js, covering scene elements, materials, controls, and post-processing.
Key features
- 01Create 3D scenes
- 02Work with materials
- 03Add interactive controls
- 04Apply post-processing
Use cases
- 01Build browser-based 3D elements
- 02Create interactive 3D experiences
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ nexu-io/ open-design --skill threejsAfter installing, type/threejsin Claude Code to confirm it loaded.
Details
From the project READMEthreejs
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.