graphics-troubleshooting
Graphics Troubleshooting
Diagnose and fix 3D web graphics issues fast. Organized by symptom (what you see) for rapid diagnosis.
Library Versions (2026)
- Three.js: r171+
- React Three Fiber: v9.5+
- @react-three/drei: v9.116+
- @react-three/rapier: v2+
Quick Diagnosis
Nothing Renders (Black/Empty Screen)
More from anthemflynn/ccmp
react-three-fiber
Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React state/lifecycle, or using Drei helpers. Covers Canvas setup, hooks, Drei utilities, performance patterns, and state management for 3D React apps.
229openclaw-admin
Fix, configure, tune, or troubleshoot OpenClaw. Use for config changes, security fixes, performance tuning, doctor --fix, or when openclaw-doctor flags issues that need remediation.
30asset-pipeline-3d
Optimize and prepare 3D assets for web delivery. Use this skill when working with GLTF/GLB files, compressing 3D models, optimizing textures, setting up Blender exports, or preparing assets for Three.js/R3F. Covers GLTF workflows, Draco/meshopt compression, texture optimization, LOD generation, and performance profiling.
29openclaw-maintain
Keep OpenClaw running — daemon management, updates, log rotation, cron jobs, session cleanup, memory reindex, and sandbox management. Use for 'keep it healthy' tasks.
20claude-context-manager
Enables autonomous context management for codebases through claude.md files. Use when creating, maintaining, or synchronizing AI agent context. Provides tools and workflows for monitoring context health, detecting staleness, and updating intelligently. Helps Claude work proactively as a context manager.
17website-debug
>
16