Guide · Agent skill
How to use the Web Game Engine Builder agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The game-engine skill is a bundle of web game development know-how that an AI agent loads when you ask it to build a game. It covers the game loop, rendering choices, collision detection, controls, audio and starter templates for a few game types. After reading this guide you will know how to install the skill, how to phrase requests so the agent uses it, and what to check in the code it produces.
Web Game Engine Buildergithub/awesome-copilot · MIT Download the skill Quick start
- 1Download the ZIP. Get the game-engine skill ZIP from this page.
- 2Unzip into a skills folder. Extract it into ~/.claude/skills/ for personal use, or into .claude/skills/ inside your project.
- 3Or upload in the Claude apps. Go to Settings → Capabilities → Skills and upload the ZIP.
- 4Ask for a game in plain language. Describe the game type, controls and target device, for example a breakout game with touch controls.
- 5Test the result. Open the generated game in a browser, play it, and check collisions, speed and controls before adding features.
What the game-engine skill makes the agent do
Without the skill, an agent answers game questions from general memory. With the skill installed, it follows the workflows written in the skill's SKILL.md file: for example, creating a basic 2D game by setting up an HTML file with a canvas, implementing a requestAnimationFrame game loop, adding game objects with position, velocity and size, and then adding collisions, scoring, lives and sound.
The skill also gives the agent guidance on choosing a rendering approach (Canvas 2D, WebGL, SVG or CSS), basic 2D and 3D collision methods, gravity for platformers, and keyboard, mouse, touch and gamepad controls. It includes starter templates for a breakout-style game, a maze game using device orientation, a Phaser platformer and a simple 2D engine.
- Game loop: read input, update state, render, using requestAnimationFrame
- Rendering: Canvas 2D for sprite and tilemap games, WebGL for 3D and advanced 2D
- Collision and physics basics: AABB, circle and SAT for 2D; velocity, acceleration and gravity
- Controls and audio: keyboard, mouse, touch, gamepad, Web Audio API and HTML5 Audio
Install the game-engine skill
Download the ZIP for the skill from this page. You can then install it in one of three ways.
For a personal setup, unzip the download into ~/.claude/skills/. To limit the skill to one project, unzip it into the .claude/skills/ folder inside that project. In the Claude apps, you can instead upload the ZIP under Settings → Capabilities → Skills.
- Personal: unzip into ~/.claude/skills/
- Single project: unzip into .claude/skills/ in your project folder
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Trigger the skill with natural requests
The skill's description lists the kinds of requests that activate it, including creating games, building game engines, implementing physics, handling collision detection, setting up game loops, managing sprites, adding game controls, and working with 2D or 3D rendering. You do not need to name the skill; describe the game you want in plain language and state the platform if it matters.
Be specific about the game type and the constraints. The skill names platformers, breakout-style games, maze games, tilemaps, audio, multiplayer via WebRTC and publishing as covered topics, so requests that name one of these map cleanly onto the skill's guidance.
- Create a breakout-style game in a single HTML file using Canvas 2D with keyboard and touch controls.
- Set up a game loop with delta time and add AABB collision between a ball and bricks.
- Build a small 2D platformer with gravity, coins and a door that opens with a key.
- Make a tilt-controlled maze game that works on a phone.
Examples of what the agent can build
For a first project, the paddle game template is the simplest starting point: it is a 2D breakout-style game written in pure JavaScript. The simple 2D engine template covers a platformer with collisions, and the platform template uses Phaser with Arcade Physics, including coins, walking enemies, stomp mechanics, a scoreboard and multiple levels.
The skill also points to frameworks for 3D work, including Three.js, Babylon.js, A-Frame and PlayCanvas. The 3D reference notes cover theory, frameworks, shaders and WebXR at a general level.
- paddle-game-template.md: breakout-style game in pure JavaScript
- 2d-maze-game.md: tilt controls on mobile, arrow keys on desktop, timer and levels
- 2d-platform-game.md: Phaser platformer with animations and a key-and-door win condition
- simple-2d-engine.md: simple platformer engine with collisions
Check the output before you rely on it
The skill's own assessment is that its templates are illustrative. The skill does not run or test the code it produces, so you should open the game in a browser, play it, and read the collision and update logic yourself. Some referenced files, such as web-apis.md, techniques.md and game-control-mechanisms.md, are not in the listed file set, so answers that depend on them may be less complete.
Use the troubleshooting checklist in SKILL.md when something breaks: a blank canvas usually means drawing calls run outside the game loop, speed differences usually mean fixed values instead of delta time, and audio needs a click handler before it plays.
- Open the result in a browser and test controls on the device you care about
- Check that updates use delta time so speed is consistent
- Trigger audio from a click or tap, because browsers block autoplay
- Handle the webglcontextlost event if you use WebGL
Safety notes: scripts and network
The skill's listing states that it runs no scripts and uses no network access, and it lists no required tools or dependencies. The skill itself is text and templates that guide the agent's writing of code.
Code the agent writes can still call external resources, and the templates reference frameworks such as Phaser, so review any dependencies or CDN links it adds before you run the game.
- Runs scripts: no
- Uses network: no
- Requires: nothing listed in the skill metadata
- Review any framework imports or links in the generated project
What people use it for
- Building a small breakout-style game as a first browser project
- Prototyping a 2D platformer with gravity, coins and enemies
- Creating a tilt-controlled maze game for phones
- Learning how the game loop, collision detection and controls fit together
Frequently asked questions
How do I install the game-engine agent skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into .claude/skills/ inside a project. In the Claude apps you can upload the ZIP under Settings → Capabilities → Skills.
Does the game-engine skill cost anything or what licence is it under?
The skill is listed under the MIT licence. This guide does not state pricing, so check the listing on this page for any other terms.
What does the game-engine skill require?
The listing shows no required tools and no required dependencies. It needs a modern browser with Canvas or WebGL support to run the games it creates, which the skill's prerequisites also mention.
Does the skill run code or access the network?
According to the listing, it runs no scripts and uses no network access. The games it produces may reference frameworks, so review any imports before running them.
Can I use this skill to build a large commercial game?
The skill is aimed at hobbyist and small 2D or prototype projects. For large commercial games that need a mature engine, the listing points to tools such as Unity or Godot instead.
Why does the generated game not work or the canvas stay blank?
The skill's troubleshooting table covers common causes: drawing outside the game loop, fixed values instead of delta time, audio blocked until a user click, and touch events conflicting with mouse events. The templates are illustrative and not tested by the skill, so check the code yourself.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you are a hobbyist, student or developer who wants a working browser game starting point or a small 2D canvas prototype, and you want an agent to follow proven workflows for loops, collisions and controls. Pick a mature engine such as Unity or Godot for large commercial projects, and expect to test the code yourself because the skill does not run or verify it.
Download the skill