threejs-fundamentals
Covers core Three.js scene construction and configuration. Includes cameras, renderers, Object3D hierarchies, coordinate systems, and object transforms.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Covers core Three.js scene construction and configuration. Includes cameras, renderers, Object3D hierarchies, coordinate systems, and object transforms.
Entrypoint for building, upgrading, and finishing Three.js browser games. Routes work across the sibling threejs-* skills for gameplay, graphics, UI, 3D/image/audio asset generation, debugging, and release. Use for any request to build, upgrade, polish, or ship a Three.js game as a whole, at any scope from a small arcade prototype to a premium release.
Designs game HUDs, menus, overlays, pause and outcome screens, settings, icons, and touch interfaces. Covers typography, responsive layouts, safe areas, text fit, and visual cohesion between UI and game worlds.
Develops playable Three.js game systems with architecture, entities, input, cameras, collisions, physics, scoring, and objectives. Supports Vite/TypeScript setups, level and encounter design, first playable versions, difficulty tuning, and game feel.
Covers geometry creation in Three.js, including built-in shapes, BufferGeometry, and custom meshes. Includes vertex manipulation and optimization through instanced rendering.
Import models with GLTFLoader and play skinned animation clips using AnimationMixer. Covers DRACO and Meshopt mesh compression and KTX2 textures.
Creates Three.js game concept sheets, texture references, backgrounds, decals, logos, icons, GUI art, menu art, and marketing images. Also prepares image-to-3D inputs and edits images supplied through local paths.
Covers interactive Three.js behavior using raycasting, mouse and touch input, and controls. Supports click detection, object selection, and camera interaction.
Covers light types, shadow configuration, and environment lighting in Three.js. Includes image-based lighting setup and lighting performance optimization.
Covers asset loading in Three.js, including GLTF models, textures, images, and HDR environments. Includes asynchronous loading patterns and loading progress management.
Covers Three.js material types and properties, including PBR, basic, Phong, and shader materials. Supports mesh styling, textures, custom shaders, and material performance optimization.
Choose PBR or unlit materials and configure ambient, hemisphere, directional, point, and spot lights. Covers shadow maps, image-based lighting, and diagnosing models that appear black, flat, or incorrectly shaded.
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name