Skill UI

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 for writing efficient GLSL shaders (Vertex/Fragment) used in WebGL and game engines. Learn fundamental concepts like shader structure, uniforms, varying variables, and advanced techniques such as raymarching and post-processing effects, optimizing graphics rendering performance on the GPU.

Guides building systematic, high-quality 3D scenes, animations, and interactive experiences with Three.js by covering setup, geometry, materials, lighting, controls, and responsiveness for WebGL projects.

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.

Guide for configuring Three.js lighting, covering light types, shadows, environment lighting, and performance trade-offs to boost readability, realism, and mood in WebGL scenes.

Build cinematic, 2.5D interactive websites with scroll storytelling, parallax depth, floating products, text animations, and premium scroll effects without WebGL—ideal for launches, hero sections, or any page that must feel alive.

A comprehensive skill guide for building complex, feature-rich web games and game engines using modern web technologies like HTML5, Canvas, WebGL, and JavaScript. Covers full 2D and 3D game development workflows, including implementing the game loop, physics simulation (collision detection, Newtonian physics), handling diverse input methods (touch, gamepad), managing assets, and integrating multiplayer features via WebRTC. Ideal for creating everything from simple platformers to advanced 3D simulations.