Skill UI

This skill covers implementing complex user interactions within Three.js scenes. It demonstrates techniques like raycasting for precise object selection and click detection, handling mouse and touch inputs, and integrating various camera controls (OrbitControls, FlyControls, FirstPersonControls). Use this when building highly interactive, immersive 3D web applications.

This skill helps developers accurately find and explore the correct Windows API for specific platform capabilities, such as file access, camera usage, notifications, or UI controls. It searches a comprehensive local cache of WinMD metadata, providing full technical details including methods, properties, events, and enumeration values for APIs sourced from the Windows Platform SDK and WinAppSDK. It is indispensable when building complex features requiring deep integration with the Windows operating system.

This guide covers the fundamental architecture for building and debugging Phaser games. It details the Game configuration, the Scene lifecycle (init, preload, create, update), asset management, camera controls, and robust techniques for inter-scene communication and transitions. Use this when structuring any complex Phaser application.

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 fundamental principles of 3D game development. It includes rendering pipelines, shader programming, physics collision systems, camera controls, lighting techniques, and level of detail optimization. It helps developers create efficient and visually appealing 3D environments while avoiding common anti-patterns in game production.

Direct advanced Three.js camera systems for scale-aware chase rigs, thrust lag, side/orbit cameras, body-relative up vectors, quaternion handoffs, authored cinematic framing, floating origins, pointer-look controls, camera collision constraints, projection ownership, and lifecycle restoration.

This skill enables user interaction within Three.js scenes, covering raycasting, camera controls, and input handling. It is essential for implementing click detection, touch support, and object selection in 3D web applications. Use it to transform passive renders into interactive experiences.