threejs-scene-builder
CommunityCraft stunning 3D web scenes, instantly.
AuthorDexploarer
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Setting up a Three.js scene with proper camera, lighting, materials, and performance optimizations can be complex and time-consuming. This Skill automates the boilerplate, allowing developers to focus on creative aspects rather than configuration.
Core Features & Use Cases
- Complete Scene Setup: Generates a full Three.js scene with camera, renderer, OrbitControls, and various lighting types (Ambient, Directional, Hemisphere).
- Advanced Graphics Elements: Includes helpers for PBR, glass, glowing, and toon materials, ground planes, skyboxes, particles, and even model loading with GLTFLoader/DRACOLoader.
- Use Case: Quickly "create a Three.js scene with a rotating cube, PBR materials, and a ground plane" to kickstart a new 3D web project.
Quick Start
Create a Three.js scene with a basic camera, renderer, ambient and directional lights, and add a rotating green cube.
Dependency Matrix
Required Modules
threethree/examples/jsm/controls/OrbitControlsthree/examples/jsm/loaders/GLTFLoaderthree/examples/jsm/loaders/DRACOLoaderthree/examples/jsm/postprocessing/EffectComposerthree/examples/jsm/postprocessing/RenderPassthree/examples/jsm/postprocessing/UnrealBloomPassthree/examples/jsm/postprocessing/SSAOPass
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: threejs-scene-builder Download link: https://github.com/Dexploarer/claudius-skills/archive/main.zip#threejs-scene-builder Please download this .zip file, extract it, and install it in the .claude/skills/ directory.