Skill UI

A comprehensive guide covering core principles for building high-performance 3D game systems. Topics include the rendering pipeline, shader types, physics collision detection, camera control, and advanced optimization techniques like Frustum Culling and LOD. Ideal for developers needing to build visually rich and technically robust 3D environments.

Designs and implements immersive web experiences using Three.js, React Three Fiber, Spline, and WebGL, covering product configurators, portfolios, scroll-driven scenes, and performance-aware 3D delivery.

A comprehensive guide covering the core principles of immersive game audio. Learn how to structure audio categories (SFX, Music, Ambient), implement adaptive music systems, master 3D spatialization, and apply professional mixing techniques (e.g., ducking, hierarchy) to elevate the emotional impact and technical quality of your game's soundscape. Essential for sound designers and game developers.

This orchestrator skill provides comprehensive core principles for game development, covering topics like the Game Loop, design patterns (State Machine, ECS), performance budgeting, and input abstraction. It guides users by routing them to specialized sub-skills based on required platforms (Web, Mobile, PC), dimensions (2D, 3D), and specialty areas (AI, Networking, Art). Ideal for structuring complex game projects from concept to implementation.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

FluidSim is a Python-based CFD framework offering pseudospectral solvers (2D/3D Navier-Stokes, shallow water, stratified flows) with FFT, MPI, Pythran/Transonic acceleration, and rich output analysis for turbulence or geophysical studies.

This skill provides expert guidance on Makepad's cross-platform development lifecycle. It helps users understand platform-specific APIs, manage conditional compilation (e.g., macOS, Windows, WebGL2), and handle OS-specific behaviors across desktop, mobile, and web environments. Use it when targeting diverse deployment targets or integrating platform-level features.

Master the complete animation pipeline within Three.js. This resource covers everything from creating custom keyframe tracks (position, quaternion, color) to managing complex animations using AnimationMixer and AnimationAction. Learn about procedural motion, animation blending (crossfading), morph targets, and loading skeletal animations from GLTF files for realistic 3D experiences.

This guide provides a comprehensive overview of the core concepts of Three.js, the leading JavaScript library for WebGL 3D rendering. It covers setting up the entire 3D environment, including the Scene, Camera types (Perspective, Orthographic), and the WebGLRenderer. Users will learn to handle object hierarchies, apply transforms (position, rotation, scale), and manage complex rendering settings like lighting, shadows, and environment maps. Essential for any developer starting a WebGL project.

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

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.