Registry
Every package here is free to use and needs no account. Install one with the CLI, or fetch it straight over HTTP.
73 public skills
Choose between Three.js, React Three Fiber, and Babylon.js, and decide WebGPU versus WebGL2, with a working fallback. Use when starting a 3D web project, when picking a rendering library, or when deciding whether to adopt WebGPU.
freeskill install web3d-renderer-choicePrepare 3D models and textures for the web with glTF, Draco or Meshopt compression, and KTX2 textures. Use when models are too large or slow to load, when choosing a compression method, when exporting from Blender, or when GPU memory is the constraint.
freeskill install web3d-asset-pipelineAuthor materials and shaders for the web using PBR, node materials, and Three Shading Language. Use when writing custom shaders, when a material looks wrong, when migrating GLSL to WebGPU, or when choosing between standard materials and custom shading.
freeskill install web3d-materials-tslBuild scroll-driven motion, camera moves, hover states, and pointer interaction in a 3D scene. Use when adding scroll animation, orbit or camera controls, object picking and hover, or when interaction feels laggy or janky.
freeskill install web3d-animation-interactionBuild a 3D scene with React Three Fiber and drei inside a React or Next.js application. Use when adding 3D to a React app, when the canvas breaks server-side rendering, when scenes re-render too often, or when wiring 3D to application state.
freeskill install web3d-react-three-fiberLight a web scene with image-based lighting, HDRIs, and shadows that stay affordable. Use when a scene looks flat or unrealistic, when shadows are noisy or expensive, or when deciding between baked and real-time lighting.
freeskill install web3d-lighting-environmentLoad a 3D scene without blocking first paint, with progressive loading, placeholders, and a graceful low-capability path. Use when a page is slow to become interactive, when the canvas blocks LCP, or when users stare at an empty frame while assets download.
freeskill install web3d-loading-uxTest and ship a 3D website across devices, GPUs, and browsers, including fallback paths. Use before launching a 3D site, when it breaks on specific devices, when verifying the WebGL2 fallback, or when setting up CI for 3D.
freeskill install web3d-testing-deploymentDiagnose and fix frame rate, draw call, and memory problems in a browser 3D scene. Use when a scene stutters, when mobile performance is poor, when GPU memory runs out, or when 3D is hurting Core Web Vitals.
freeskill install web3d-performanceMake a 3D web experience usable by keyboard, screen reader, and motion-sensitive users. Use when adding 3D to a site with accessibility requirements, when a canvas is unreachable by keyboard, or when meeting WCAG 2.2 AA with interactive graphics.
freeskill install web3d-accessibilityUse when NPCs or enemies in a browser game need to make decisions — patrol, chase, attack, retreat, or regroup.
freeskill install bg-ai-behaviorUse when adding sprite animation, animation state machines, or tweening to a browser game.
freeskill install bg-animationUse when loading images, audio, fonts, or data at runtime in a browser game, and showing progress while it happens.
freeskill install bg-asset-loadingUse when implementing camera follow, smoothing, zoom, or screen shake in a browser game.
freeskill install bg-cameraUse when authoring levels, encounters, or tuning data for a browser game rather than hard-coding them.
freeskill install bg-content-pipelineUse when a browser game is technically correct but feels unresponsive, floaty, or unsatisfying to play.
freeskill install bg-game-feelUse when units or agents in a browser game must navigate around terrain and obstacles rather than walking straight at a goal.
freeskill install bg-pathfindingUse when adding persistent progression, unlocks, currency, or a campaign structure across sessions of a browser game.
freeskill install bg-progressionUse when structuring menus, gameplay, and results as distinct scenes or game states in a browser game.
freeskill install bg-scene-managementUse when agents in a browser game need to move smoothly as a group — avoiding each other, arriving without overshoot, and flowing through gaps.
freeskill install bg-steeringUse when making a browser game playable without a mouse, without colour discrimination, or with assistive technology.
freeskill install bg-accessibilityUse when packing textures, atlases, models, or audio for a browser game's load budget.
freeskill install bg-asset-pipelineUse when adding sound effects, music, or spatial audio to a browser game via WebAudio.
freeskill install bg-audioUse when bundling, code-splitting, and hosting a browser game for production release.
freeskill install bg-build-deploy