ui__revamping-game-shell-ui

Redesign Idavoll game UI shells with vanilla DOM and UI kit while preserving deterministic replay.

1|1|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/erikhazzard/vasir --skill ui-revamping-game-shell-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui__revamping-game-shell-ui
Source: https://github.com/erikhazzard/vasir/tree/main/.agents/skills/ui__revamping-game-shell-ui
Command: npx skills add https://github.com/erikhazzard/vasir --skill ui-revamping-game-shell-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Revamps the Idavoll game's UI shell to look polished and consistent while preserving strict kernel-vs-shell boundaries, deterministic replay, and iframe-safe operation using vanilla DOM and the UI kit.

Core Features & Use Cases

  • Enforces a no-framework UI policy and strict API usage to preserve determinism.
  • Provides a repo-wide migration plan for HUD, menus, results, and overlays to UI-kit primitives, with a clear upgrade path and design guidelines.
  • Includes a disciplined, stepwise workflow from read-only audit to implementation and verification, ensuring changes are incremental and testable.

Quick Start

Scan AGENTS.md to map UI surfaces, draft a migration plan, and begin with a small, testable UI-kit based step inside the game shell.

Frequently Asked Questions about ui__revamping-game-shell-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I revamp a game UI shell without breaking deterministic replay?

To revamp a game UI shell without breaking deterministic replay, enforce a no-framework policy using vanilla DOM and UI kit primitives. This preserves strict kernel-shell boundaries while incrementally migrating HUD, menus, and overlays.

What's the best way to migrate game overlays to a UI kit safely?

The best way to migrate game overlays safely is a stepwise workflow starting with a read-only audit of UI surfaces. Draft a migration plan, then implement small, testable UI kit based steps inside the game shell to ensure incremental verification.

Why does adding a UI framework break game replay determinism?

Adding a UI framework breaks game replay determinism by introducing unmanaged runtime side effects outside the kernel. Strict kernel-vs-shell boundaries require vanilla DOM and approved UI kit entrypoints to prevent nondeterministic state mutations during replay.

Can I use standard UI frameworks inside an iframe-based game shell?

No, standard UI frameworks are not allowed inside the iframe-based game shell. The system enforces a strict no-framework UI policy, requiring only vanilla DOM and UI kit entrypoints to maintain iframe-safe layouts and deterministic execution.

How do I audit game UI surfaces before starting a shell redesign?

To audit game UI surfaces before a shell redesign, scan AGENTS.md to map existing HUD, menus, results, and overlays. This read-only audit identifies current implementations and informs a safe, incremental migration plan to UI kit primitives.

Are there limitations to using vanilla DOM for complex game UI overlays?

Vanilla DOM limitations for complex game UI overlays are mitigated by adopting UI kit primitives. While avoiding frameworks prevents nondeterminism, the UI kit provides the necessary structured components to build polished, iframe-safe layouts without runtime side effects.