Skills
.Work. You
Rest

three-js-debug

Community

Diagnose Three.js / R3F bugs quickly.

Software Engineering#debugging#rendering#webgl#three.js#lighting#materials#r3f
AuthorAlexiosBluffMara
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Diagnose and debug Three.js / R3F projects when canvases are blank, materials are incorrect, lighting is missing, animations fail, or models fail to load.

Core Features & Use Cases

  • Step-by-step debugging checklist for Three.js / R3F scenes.
  • Guidance on lighting, camera setup, materials, environment maps, and model loading.
  • Use Case: When a user pastes a Three.js component that doesn't work or shows an empty canvas, use this Skill to guide rapid troubleshooting.

Quick Start

Paste the user's Three.js component into the chat to begin a guided debugging session.

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: three-js-debug
Download link: https://github.com/AlexiosBluffMara/mercury/archive/main.zip#three-js-debug

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.