메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.
| name | basementuniverse-content-manager |
| description | 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/content-manager.
Use this skill for tasks like:
Do not use this skill when:
Example:
import ContentManager from '@basementuniverse/content-manager';
ContentManager.initialise({
throwOnNotFound: true,
});
await ContentManager.load([
{ name: 'hero', type: 'image', args: ['/assets/hero.png'] },
{ name: 'strings', type: 'json', args: ['url:/assets/strings.json'] },
]);
const hero = ContentManager.get<HTMLImageElement>('hero');