Skill File

Implement Ui Screen

Name: Implement Ui Screen
Author: McFuzzySquirrel

Implements a Babylon GUI screen or overlay pattern for 3D Space Rocks, including keyboard navigation, accessibility checks, and state lifecycle hooks.

McFuzzySquirrel0 starsMar 18, 2026

Occupation
Categories: Game Development

Skill Content

Skill: Implement UI Screen

Use this skill to build a consistent screen flow (menu, pause, game-over, victory, transitions, loading).

Process

Step 1: Identify Screen State and Data Inputs

Define which game state owns the screen and what data it must render.

Map the screen to one state from the runtime state machine.
Define input data shape and actions.
Define keyboard interaction map and focus targets.

Step 2: Scaffold GUI Components

Build the screen using Babylon GUI controls and a clear mount/unmount lifecycle.

export interface ScreenController {
  mount(): void;
  unmount(): void;
  update(): void;
}

Keep layout constraints and text styles centralized for consistency.

Related Skills

Implement Ui Screen | Skills Pool

Implement Ui Screen

Skill: Implement UI Screen

Process

Step 1: Identify Screen State and Data Inputs

Step 2: Scaffold GUI Components

Implement Ui Screen

Skill: Implement UI Screen

Process

Step 1: Identify Screen State and Data Inputs

Step 2: Scaffold GUI Components

Step 3: Wire Actions and Transitions

Step 4: Validate Accessibility and Responsiveness

Reference

Prose

Golang Patterns

Audiocraft Audio Generation

Pokemon Player

Ideation

Storybook Upgrade