game-engine Skill for Claude: Build Browser Games With Canvas and WebGL

Gives Claude a toolkit for building browser games: game loops, collision, controls, audio, 3D, five starter templates and publishing advice.

Installs: 13.3K; on skills.sh
Stars: 40.7K; on GitHub
Files: 14; besides SKILL.md
Updated: Oct 2026; last repo commit

game-engine is a reference skill for web games from the awesome-copilot collection. SKILL.md explains the game loop, rendering with Canvas 2D, WebGL, SVG and CSS, collision and physics, controls, audio, and workflows for a basic 2D game, a 3D game and publishing. It mentions Phaser, Three.js, Babylon.js, A-Frame and PlayCanvas.

It also bundles five starter templates in assets/ and nine reference files, and it bundles no scripts. It triggers when you ask for games, physics, sprites or tilemaps. One template, gameBase, is a Haxe project with its own clone and install commands, which are not part of the skill.

Good for

Developers building a 2D or 3D game for the browser
Learners who want a platformer, breakout or maze game as a starting point
Hobbyists who want Claude to follow Canvas, WebGL and Web Audio basics

Install game-engine

Claude Code

Copy this prompt.

Install the game-engine skill in Claude Code. Run this command:

npx skills add https://github.com/github/awesome-copilot --skill game-engine

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Expert skill for building web-based game engines and games using HTML5, Canvas, WebGL, and JavaScript. Use when asked to create games, build game engines, implement game physics, handle collision detection, set up game loops, manage sprites, add game controls, or work with 2D/3D rendering. Covers techniques for platformers, breakout-style games, maze games, tilemaps, audio, multiplayer via WebRTC, and publishing games.

Sections in SKILL.md

When to Use This Skill
Prerequisites
Core Concepts
Game Loop
Rendering
Physics and Collision Detection
Controls
Audio
Step-by-Step Workflows
Creating a Basic 2D Game
Building a 3D Game
Publishing a Game
Game Templates
Reference Documentation
Troubleshooting

Key facts

Author: github organization repo awesome-copilot; the README says its customizations come from third-party developers
License: MIT
Installs on skills.sh: 13,292 as of 2026-11-02
GitHub stars: 40,666 for the whole repo
Last commit to the repo: 2026-10-30
Files in the skill: 15 files including SKILL.md: 5 templates in assets/ and 9 references in references/
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass

What it includes

Game loop, rendering options, physics and collision, controls, audio.
Names requestAnimationFrame for the loop, AABB, circle and SAT collision for 2D, and keyboard, mouse, touch and gamepad input.
Try: “Build a breakout-style game in a single HTML file with a canvas.”
Read · Core concepts
Eight steps from a canvas element to sound effects.
Set up the canvas, run the loop, add objects, input, collisions, scoring and audio.
Write · Workflow: basic 2D game
Seven steps from choosing a framework to audio and effects.
Choose Three.js, Babylon.js, A-Frame or PlayCanvas, then scene, models, lighting, physics and controls.
Write · Workflow: 3D game
Five steps from optimizing assets to promotion.
Optimize, test across browsers, pick a platform, consider monetization and promote.
Read · Workflow: publishing
Paddle game, maze game, platformer, gameBase repo layout and a simple 2D engine.
paddle-game-template, 2d-maze-game, 2d-platform-game (Phaser), gameBase-template-repo and simple-2d-engine.
Read · assets/ templates (5)
Basics, web APIs, techniques, 3D, controls, publishing, algorithms and a glossary.
Longer notes Claude opens when the main file is not enough.
Read · references/ (9)
Fixes for blank canvas, speed differences, audio, lost WebGL context and more.
Seven common problems with a one-line fix each.
Read · Troubleshooting table

From the official docs

Permissions

Low risk

The skill bundles no scripts. One template lists a git clone and package installs for a Haxe project, so run those only if you pick it.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

One template lists a clone and package installs
assets/gameBase-template-repo.md tells you to git clone deepnight/gameBase and run haxelib install for heaps, deepnightLibs and ldtk-haxe-api. Run those yourself and only if you choose that template. github.com

Technical details

Scopes	The gameBase template lists git clone, haxelib installs and a build command

Questions

What does the game-engine skill do?

It gives Claude background and starter templates for building games in the browser with HTML5 Canvas, WebGL and JavaScript, plus step-by-step workflows for 2D games, 3D games and publishing.

How do I install game-engine?

Use the install box above. The skill is a folder of markdown files with no scripts, so no other setup is required. Node.js is listed as optional for build tooling.

Does it need an API key?

The skill names none. It needs a text editor and a browser with Canvas or WebGL support.

Is game-engine safe?

It bundles no scripts. One bundled template, gameBase, lists a git clone and Haxe installs that you would run yourself. The awesome-copilot README also asks you to inspect third-party customizations before installing them.

Which frameworks does it cover?

SKILL.md names Phaser, Three.js, Babylon.js, A-Frame and PlayCanvas. The platformer template uses Phaser, and the other templates use plain JavaScript or Haxe.

Information

updated Nov 2, 2026

Repository: github/awesome-copilot
Folder: skills/game-engine

github/awesome-copilot skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 3

SKILL.md · github.com
awesome-copilot README · github.com
gameBase-template-repo.md · github.com