Skip to content

Web Game Engine Builder

Guides an agent to build 2D and 3D browser games with Canvas, WebGL and JavaScript

Stars
40,703
Licence
MIT
Files
9 files

What it does

This skill gives an AI agent a set of web game development know-how: the game loop, rendering choices (Canvas 2D, WebGL, SVG, CSS), collision detection, physics basics, controls for keyboard, mouse, touch and gamepad, and audio. It also includes starter templates for a breakout-style game, a maze game, a Phaser platformer and a simple 2D engine, plus reference notes on algorithms and 3D web games. Once installed, the agent can follow step-by-step workflows to scaffold a game for you instead of answering from general memory.

Great for

  • Hobbyists or students who want a working browser game starting point
  • Developers building a small 2D canvas game or prototype from scratch
  • Anyone learning how game loops, collision and controls fit together

Skip it if

  • Large commercial game projects that need a mature engine such as Unity or Godot; the skill gives basics, not production tooling
  • Developers expecting verified, tested code: the templates are illustrative and the skill does not run or test them
  • Users who need the referenced files (web-apis.md, techniques.md, etc.) present: the listed file set here does not include all of them, so those references may be missing

Try asking

  • “Create a simple breakout game in HTML and JavaScript that I can open in a browser”
  • “Build a 2D platformer with gravity and collision using Phaser”
  • “Make a maze game that uses phone tilt controls”
  • “Explain how to set up a game loop with delta time for my canvas game”
Step-by-step guide: how to use Web Game Engine BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 9 original files, the MIT licence and an attribution note.

    game-engine.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip game-engine.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip game-engine.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the game type and target (desktop browser, mobile, 3D) so the agent picks the right template and renderer
  • Ask for a runnable single HTML file first, then iterate on controls and physics
  • Test in a browser yourself; the agent cannot verify gameplay feel, and audio needs a user click to start in most browsers

What's inside

  • assets/2d-maze-game.md
  • assets/2d-platform-game.md
  • assets/gameBase-template-repo.md
  • assets/paddle-game-template.md
  • assets/simple-2d-engine.md
  • references/3d-web-games.md
  • references/algorithms.md
  • references/basics.md
  • SKILL.md

Redistributed unmodified from github/awesome-copilot under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.