Can I use OrbitControls with this skill?

Because standard CDN imports often exclude extras, this skill provides custom-coded mouse and wheel interaction patterns to replicate OrbitControls functionality.

How does it handle performance and memory leaks?

The skill follows best practices for resource disposal, specifically providing patterns to dispose of geometries, materials, and textures when they are no longer needed.

Is this suitable for mobile-responsive 3D scenes?

Yes, it includes built-in window resize handlers and logic to ensure the WebGL canvas scales correctly across desktop and mobile devices.

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

This skill is specifically optimized for version r128 to ensure maximum compatibility with stable CDN imports and standard browser environments.

Three.js 3D Graphics & Visuals

Name: Three.js 3D Graphics & Visuals
Author: sickn33

bysickn33

•

15,684

•

디자인 도구

Generates high-performance 3D scenes, interactive WebGL experiences, and complex animations using optimized Three.js patterns.

This skill empowers Claude to architect and implement sophisticated 3D environments directly within the browser using Three.js. It specializes in r128-compatible implementations, ensuring compatibility with standard CDN imports while providing robust patterns for scene initialization, custom camera controls, lighting, and responsive design. Whether you are building immersive data visualizations, interactive product showcases, or complex particle systems, this skill provides the battle-tested boilerplates and performance-minded practices required for production-grade WebGL development.

주요 기능

01Standardized r128 Three.js scene, camera, and renderer initialization

02Interactive raycasting for mouse-driven object selection and hover states

0315,684 GitHub stars

04Advanced lighting configurations including ambient, directional, and shadow mapping

05Custom interaction patterns for camera rotation and zooming without external dependencies

06Automated resource management and responsive window resizing logic

사용 사례

01Building browser-based games and experimental WebGL art installations

02Creating interactive 3D product configurators or visual showcases

03Developing immersive data visualizations and 3D spatial charts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills threejs-skills

For use in Claude.ai and ChatGPT

Download Skill