Skills
.Work. You
Rest

3d-features

Community

Upgrade the 3D viewer with new controls

Software Engineering#rendering#animation#three.js#loaders#viewer#dat.gui#environment maps
Authornirholas
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you add or modify Three.js 3D viewer capabilities so your models render correctly and your UI exposes the right controls without fighting the existing Viewer architecture.

Core Features & Use Cases

  • Viewer extension via state + GUI: Add new GUI-controllable toggles by extending this.state, wiring controls inside the appropriate addGUI() folder, and implementing the corresponding Viewer handler.
  • Rendering capability enhancements: Extend lighting, display modes (wireframe/skeleton/grid/axes/background), animation playback, and camera behavior by updating the Viewer’s dedicated sections.
  • Asset loading & environment updates: Introduce or adjust loaders (GLTF/GLB, Draco, KTX2, Meshopt, EXR) and environment maps by editing loader setup and src/environments.js.

Quick Start

Use the 3d-features skill to add a new toggle that enables or disables a specific display mode (for example, showing the model’s bounding box) in the Three.js viewer.

Dependency Matrix

Required Modules

None required

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: 3d-features
Download link: https://github.com/nirholas/three-ui/archive/main.zip#3d-features

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.