agent-skills

Use this skill when implementing or working with chunk-based viewport rendering systems in 2D games using @basementuniverse/view-port. Handles visible chunk computation, lazy chunk generation, chunk lifecycle management (update/draw), and FIFO cache eviction. Ideal for tile-based or grid-based world rendering where only visible + buffered chunks need processing.

Use this skill when working with 2D tile-based game rendering, implementing chunked tile map systems, procedural tile generation, tile-based collision detection, or optimizing tile rendering performance with the @basementuniverse/tile-map library.

Use when working with sprite sheets, texture atlases, or extracting rectangular regions from images into separate canvases. Handles grid-based and pixel-based extraction, repeating regions for animations, and integrates with @basementuniverse/content-manager.

Use this skill when implementing timers, countdowns, or time-tracking features in browser-based games using the @basementuniverse/stopwatch library. Covers game loop integration, timer configuration, and time-based events.

Use this skill when working with @basementuniverse/sprite - a 2D sprite component for games with animations, directions, attachment points, and debug visualization. Invoke when creating or modifying game sprites, implementing sprite animations, setting up directional sprites (e.g., walk-left, walk-right), working with attachment points for composite sprites, or integrating with Content Manager for asset loading.

Use this skill when implementing or working with stack-based scene management in TypeScript/JavaScript games. Covers scene transitions, scene lifecycle, rendering order, and scene stack operations using @basementuniverse/scene-manager.

Use this skill when implementing hierarchical scene graphs for 2D games, managing game object parent-child relationships with transform inheritance, or implementing actors/entities that need positional hierarchy (e.g., weapons attached to players, UI elements in containers).

A comprehensive 2D particle system library for creating visual effects in games and animations. Use this skill when implementing particle effects, emitters, attractors, force fields, colliders, sinks, or any particle-based visual systems in 2D games or canvas applications.

Use this skill when working with @basementuniverse/noise-generator - a library for generating noise, waveforms, and signals for games and visual effects. The library compiles visual graph documents into executable programs and provides a runner for real-time evaluation. Use when implementing procedural audio/visual effects, dynamic game parameters, noise-based animations, or any time-varying signals built from node graphs.

Use this skill when working with @basementuniverse/layout for HTML5 Canvas game UI layouts. Invoke for questions about flexible layout systems, dock/stack/leaf node hierarchies, measurement units (px, %, auto), node positioning, visibility/activation control, or layout caching. Also use when implementing responsive UI elements, creating nested layouts, or troubleshooting layout calculations in Canvas-based games.

Use when working with @basementuniverse/interaction to build or modify canvas-based UI interactions such as focus, selection, clicking, dragging, dropping, resizing, rotating, sliding, and dial controls.

Use when working with @basementuniverse/input-manager to initialise input handling, update frame state, query keyboard or mouse events, configure input options, or interpret MouseButton and KeyboardEvent.code values.

Use when working with @basementuniverse/image-font to render text from image-based fonts, build or consume texture-atlas-backed fonts, or integrate imageFontContentProcessor with Content Manager.

Use this skill when integrating or modifying code that relies on @basementuniverse/frame-timer for per-frame delta time and FPS tracking in browser game loops.

Use this skill when integrating or modifying debug overlays built with @basementuniverse/debug on HTML5 canvas render loops, including values, charts, markers, borders, tags, and frame-clear behavior.

Use this skill when implementing, debugging, or extending content loading with @basementuniverse/content-manager in browser-based TypeScript/JavaScript projects, including custom loaders/processors and content pipeline setup.

Use this skill when working with @basementuniverse/color for parsing, converting, formatting, manipulating, and generating RGBA/HSLA colors.

Use this skill when building or modifying 3D camera behavior with @basementuniverse/camera-3d, including projection, unprojection, raycasting, and eased camera motion in browser games.

Use this skill when implementing, integrating, or debugging camera movement, zoom, coordinate conversion, and viewport bounds with @basementuniverse/camera in 2D canvas-based browser games.

Use this skill when implementing or modifying browser-game audio with @basementuniverse/audio-manager, including setup, playback control, grouping, fades, and content-manager loaders.

Use this skill when working with @basementuniverse/intersection-helpers to compute geometric distances, containment checks, and intersections between points, lines, rays, circles, polygons, rectangles, spheres, cuboids, planes, and meshes. Use it when choosing the correct 2D or 3D namespace, understanding result shapes such as closestPoint, distance, intersectionPoints, and minimumSeparation, or when validating polygon and mesh inputs before calling the library.

Use this skill when implementing or reviewing HTML5 Canvas rendering code with @basementuniverse/canvas-helpers, including shape drawing, style configuration, path interpolation, image layout/repeat modes, and context binding via withContext.

Use and troubleshoot the @basementuniverse/animation TypeScript library for value animation in HTML5 games. Use when implementing, debugging, or documenting animation behaviour driven by this package.