CloudAI-XCommunity·10 Agent Skills Included

threejs-skills

Build interactive 3D web scenes with accurate Three.js guidance

Generates correct Three.js code for 3D scenes, geometry, materials, lighting, textures, animations, model loading, shaders, post-processing, and user interaction. Eliminates guesswork around API signatures, import paths, and common rendering bugs that slow down 3D web development. Gives your AI agent verified, up-to-date Three.js knowledge so it produces working code on the first try.

2,943|336

↗

npx skills add CloudAI-X/threejs-skills --all -g -y

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

CloudAI-X

threejs-shaders

Create Three.js custom shaders with GLSL for visual effects.

threejs-lighting

Implement Three.js lighting techniques with code examples for light types and shadows.

threejs-geometry

Generate and manipulate 3D geometric shapes in Three.js.

threejs-interaction

Add raycasting, camera controls, and object manipulation to Three.js scenes.

threejs-postprocessing

Apply post-processing effects to Three.js scenes via EffectComposer.

threejs-loaders

Load GLTF, GLB, OBJ, FBX, STL, PLY, and texture assets in Three.js.

threejs-animation

Animate 3D objects and characters using Three.js AnimationMixer and AnimationClip.

threejs-fundamentals

Set up Three.js 3D scenes with Scene, Cameras, and WebGLRenderer.

threejs-textures

Load and configure textures for Three.js scenes.

threejs-materials

Explains Three.js material types and their properties for styling 3D meshes.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install threejs-skills?▼

Run `npx skills add CloudAI-X/threejs-skills --all -g -y` in your terminal to install all ten Three.js skills globally.

What does threejs-skills do?▼

It gives your AI agent accurate Three.js API references, working code examples, and best practices so it can build 3D scenes, shaders, animations, and interactions without errors.

Which Three.js topics are covered?▼

The suite covers scene setup, geometry, materials, lighting, textures, animation, GLTF model loading, custom GLSL shaders, post-processing effects, and mouse or touch interaction.

Does threejs-skills work with Claude Code and Cursor?▼

Yes. All skills follow the universal SKILL.md standard and load automatically in Claude Code, Cursor, OpenClaw, and other compatible AI coding agents.

Do I need Three.js experience to use these skills?▼

No. You describe the 3D effect you want in plain English, and your AI agent uses the skills to write correct, working Three.js code for you.