Coding standards, frameworks, refactoring, and code review (16.2K skills)
Measure and improve Three.js or WebGL game performance through repeatable gameplay checks. Identify CPU or GPU bottlenecks, reduce unnecessary rendering and processing, and verify that controls, collisions, visuals, and memory remain stable.
Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.
Create Three.js game effects that clearly communicate attacks, hits, damage, and status changes. Define each effect’s purpose and lifetime, limit resource use, and test overlapping effects, repeated triggers, low-quality settings, and reduced-motion alternatives.
Create a WebGL background with a perspective grid, fading lines, and sparse floating particles. Add slow forward motion and gentle mouse-responsive camera movement, then tune density, color, and depth to support foreground content.
Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.
Design and test combat encounters in Three.js action games. Plan arenas, enemy roles, spawn timing, objectives, boss phases, and rewards, then check fairness and difficulty using repeatable starting conditions on desktop and mobile.
Prepare Vesperfall game assets as paired transparent PNG cards and live 3D previews. Track each model’s actual source, expose available animations, and validate catalog displays, ground contact, and review pages through tests and browser checks.
Build and tune enemy behavior for action games, including targeting, movement, attacks, retreats, and boss phases. Organize decisions into explicit states, make attacks readable to players, and check behavior with repeatable tests and browser encounters.
Review and improve game attacks and spells using recorded footage and two independent blind judges. Separate scores for readability and art guide changes to animation timing, effects, lighting, and target reactions, with performance costs tracked alongside visual quality.
Build falling leaves in Three.js and similar 3D scenes, with visible front, edge, and back views as they tumble and drift. Coordinate wind, scene depth, camera-aware recycling, and performance checks for a convincing autumn effect.
Convert articles, tutorials, or prompt collections into reusable agent skills, with one independent capability per skill. Package portable instructions, example prompts, working demos, preview images, and validation so the methods can transfer to other projects.
Implement fog of war, an effect that conceals unseen areas, in Three.js action games. It combines soft visual boundaries with obstacle-aware visibility rules for targeting and combat, plus performance tuning and testing guidance.
Add shafts of sunlight to Three.js or similar 3D scenes. Shape rays with roofs and foliage, align them with the sun, and tune rendering effects so foreground surfaces keep their contrast while processing costs remain measurable.
Build interactive 3D tours for buildings, museums, and showrooms. Coordinate guided camera routes, room lists, floor plans, and orbit inspection, which lets viewers rotate around a model, while managing transitions, asset loading, and accessible controls.
Build ice and frost visual effects in Three.js using reusable modules. Combine branching frost growth, refractive ice spikes, cracks and settling fragments, freezing mist, and swirling snow into a coordinated sequence demonstrated on a snowy ground.
Turn five collected UI references into five original landing pages with distinct brands, copy, and imagery. Each page gets its own Codex task and workspace, with build checks, a source commit, and private deployment through Sites.
Build and check monsters for Three.js and web action games using shared rules for joints, attachment points, collision shapes, and combat states. Separate visual animation from damage decisions, and provide reproducible checks for attacks and detail-level changes.
Turn a working web effect or interaction into a reusable skill by extracting its core mechanism, documenting tested parameters and pitfalls, and packaging a demo that preserves the reference design and proves the behavior.
Investigate slow Apple apps, memory growth, launch delays, and battery drain using Instruments and Xcode diagnostics. Choose measurements for each symptom, identify the responsible code, and compare results before and after targeted fixes.
Plan and integrate assets for Three.js or web games by choosing imported models, code-generated geometry, or 2D media. Define scale and collision needs, check appearance and performance in the game, and record sources and licenses.
Create or revise Three.js game levels with movement kept on one flat plane. Organize routes, collision, encounters, objectives, and lighting, then verify visibility, traversal, reset behavior, and controls through desktop and mobile browser playthroughs.
Build or audit browser map editors for Three.js and isometric games. Reuse production world definitions, edit placements in isolated drafts, inspect enemy behavior overlays, and validate exports before reviewed integration into the game.
Build sky backgrounds for 3D scenes using procedural atmosphere or panoramic images. Align the horizon, sun, shadows, and environment lighting, while handling camera movement, image loading, and smooth transitions between day, dusk, and night.
Measure and improve animation performance on frontend pages. Identify offscreen activity, pause CSS and canvas or WebGL loops, audit resource cleanup, and compare runtime observations before and after changes to investigate scrolling issues and long-session slowdowns.