Skill UI

Set up and troubleshoot Godot 4.7 3D scenes with Node3D transforms, Camera3D, lights, WorldEnvironment, materials, and GridMap blockouts.

Master Godot 4.7 signals and node groups for decoupled node communication. Learn typed signals, Callable connections, one-shot events, and event-bus autoloads. Ideal for scenarios requiring loose coupling or broadcasting to multiple nodes without hard references. Avoids GDScript syntax and scene structure setup.

Configure and build PixiJS v8 render layers by creating async Applications, loading textures via Assets, composing scene graphs with Containers and Sprites, driving ticker loops, handling pointer events, and grouping draws with render groups. Use this skill for initializing PixiJS v8 projects, debugging canvas issues, and managing 2D graphics rendering pipelines.

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.

This skill covers the core setup of Three.js scenes, including cameras, renderers, and object hierarchies. It is designed for initializing 3D environments, configuring rendering pipelines, and managing basic transforms. Use this for foundational work before advancing to shaders or post-processing effects.

Build high-quality 3D scenes, WebGL experiences, and interactive visual effects with Three.js. Covers scene setup, geometry, materials, lighting, animation, particles, and mouse-driven interaction for web-based 3D graphics.