game

Facilitate browser-game development with 2D canvas and 3D WebGL patterns.

28|2|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/thompson0012/agents-stack --skill game-thompson0012
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game
Source: https://github.com/thompson0012/agents-stack/tree/main/skills-optional/website-building/game
Command: npx skills add https://github.com/thompson0012/agents-stack --skill game-thompson0012

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Accelerates browser-game development by providing cohesive architecture, practical patterns, and reliable tooling.

Core Features & Use Cases

  • End-to-end guidance for 2D canvas and 3D WebGL projects, including ECS-style architecture, asset loading, UI systems, and design-token driven UI.
  • Practical starter content with patterns, debugging overlays, and performance-focused workflows to validate gameplay loops in real-time.
  • Use case: rapidly prototype a browser game by bootstrapping with the provided starter files and iterating through a structured QA workflow.

Quick Start

Create a new project folder and run the starter script to bootstrap a browser game.

Frequently Asked Questions about game

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

FAQPage Schema
How do I structure a browser game architecture using ECS patterns?

Browser game architecture using ECS patterns separates state and logic into entities, components, and systems. This approach provides scalable starter code and structured workflows to manage complex gameplay loops efficiently.

What's the best way to bootstrap a 2D canvas or 3D WebGL game project?

To bootstrap a 2D canvas or 3D WebGL game, create a new project folder and run the starter script. This scaffolds the project with cohesive architecture, practical patterns, and reliable tooling to accelerate development.

Does this game development workflow support deterministic QA testing?

Yes, the game development workflow supports deterministic QA testing by detailing reproducible testing workflows. It includes debugging overlays and performance-focused workflows to validate real-time gameplay loops reliably.

Can I use Playwright to test browser game UI systems and design tokens?

Playwright is included as a dependency to test browser game UI systems and design tokens. It facilitates reproducible QA workflows to validate design-token driven UI and ensure consistent rendering across the browser environment.

How do I manage asset loading strategies for Three.js browser games?

Asset loading strategies for Three.js browser games are managed through provided core patterns and asset pipelines. These strategies handle 3D WebGL workflows and integrate with sandbox constraints to ensure smooth real-time rendering.

When do I need design-token driven UI for browser game development?

Design-token driven UI is needed when building scalable browser games requiring consistent typography standards and UI systems. It satisfies requirements for reproducible testing and maintains visual coherence across 2D canvas and 3D WebGL workflows.