Is it suitable for making web games?

Yes, it provides advanced patterns for game development, including camera-relative movement, state machines, and object pooling to maintain high performance.

Can it handle complex 3D models like GLTF or GLB?

Absolutely, it includes specific guidelines and helper scripts for loading, caching, and calibrating GLTF models to ensure they are oriented correctly in the scene.

Does this skill support the latest version of Three.js?

Yes, it is specifically designed for modern Three.js (r150+) and utilizes ES module patterns for better integration with contemporary web development workflows.

How does it handle responsive design for mobile and desktop?

The skill includes boilerplate code for window resizing events that automatically updates the camera's aspect ratio and the renderer's size for a seamless experience across devices.

Three.js Builder

Name: Three.js Builder
Author: CookSaw

byCookSaw

Game Development

Generates high-performance 3D web applications and scenes using modern Three.js and ES module patterns.

About

The Three.js Builder skill equips Claude with the specialized expertise needed to construct sophisticated 3D web content, ranging from simple rotating primitives to complex scenes with custom lighting, GLTF models, and interactive camera controls. It emphasizes modern practices like ES modules and responsive rendering while adhering to the scene graph mental model, ensuring that generated code is performant, scalable, and follows the correct right-handed coordinate system necessary for professional games and interactive showcases.

Key Features

Extensive support for modern Three.js r150+ APIs and ES module imports.
Pre-configured patterns for game development, including camera-relative movement.
Built-in support for shaders, post-processing, and interactive camera controls.
Advanced GLTF model loading, caching, and orientation calibration.
0 GitHub stars
Automated scene setup with cameras, lighting, and responsive renderers.

Use Cases

Developing browser-based 3D games with complex movement logic.
Creating data visualizations or animated 3D background elements.
Building interactive 3D product showcases or landing pages.

About

Key Features

Extensive support for modern Three.js r150+ APIs and ES module imports.
Pre-configured patterns for game development, including camera-relative movement.
Built-in support for shaders, post-processing, and interactive camera controls.
Advanced GLTF model loading, caching, and orientation calibration.
0 GitHub stars
Automated scene setup with cameras, lighting, and responsive renderers.

Use Cases

Developing browser-based 3D games with complex movement logic.
Creating data visualizations or animated 3D background elements.
Building interactive 3D product showcases or landing pages.