Go from game idea to a playable browser game with Claude, even if you have never coded
11 bite-sized sections
3 min read
Free, no signup
Short answer
A free guide to building a game with Claude in 2026: choosing a small first game, writing a one-page game design, building a playable prototype as a Claude artifact, moving to Claude Code for bigger projects, picking an engine or framework (plain HTML canvas, Phaser, Three.js, Godot), game feel, art and sound, debugging, playtesting, sharing your game online, and rules for assets and copyright.
Your first game should take an afternoon, not a year. Small games get finished, and finished games teach you everything.
A one-button endless runner
A snake or breakout remix with a twist
A word or quiz game
A top-down dodge game
Make a tiny game you can finish, then make it fun.
02
Write a one-page design
Help me write a one-page design for a small browser game. Idea: [idea]. Include the goal, controls, core loop, how the player wins and loses, how difficulty increases, and three ideas to make it feel fun. Keep scope small enough to build in one afternoon.
03
Build a prototype as an artifact
In the Claude app, ask for a playable game as a single HTML file. Claude shows it in the artifact panel so you can play it straight away.
Build this game as one HTML file using the canvas. Use arrow keys and touch controls, show the score, and add a restart button. Use simple shapes for now.
04
Improve it one change at a time
Ask for one change per message
Play after every change
Describe bugs exactly: what you did, what happened, what you expected
Ask Claude to explain the code if you want to learn
05
Move to Claude Code for bigger games
Use Claude Code when the game needs many files, levels, or saved data
Write a CLAUDE.md with your game’s rules, style, and how to run it
Use plan mode before big features
Commit to Git after each working step so you can undo mistakes
06
Pick your tools
HTML canvas
Simplest; great for tiny 2D games
Phaser
A popular 2D framework for browser games
Three.js
3D games and scenes in the browser
Godot
A free game engine for bigger 2D and 3D projects
07
Add game feel
Screen shake and small particles on hits
Short sound effects for every action
Smooth movement with easing
A clear start screen and game-over screen
Make the game feel more satisfying: add juice to collisions, scoring, and game over, without changing the rules.
08
Art and sound
Start with shapes, then add art once the game is fun
Use free assets with clear licences, such as CC0 packs
Generate simple sound effects with free tools
Keep a credits file listing every asset and its licence
09
Playtest with real people
Watch someone play without helping
Note where they get stuck or bored
Ask what they wanted to do but could not
Fix the biggest problem first
10
Share your game
Publish a Claude artifact and share its link
Upload HTML games to itch.io
Host on GitHub Pages or another static host
Test on phones before you share widely
11
Respect copyright
Do not copy characters, names, or art from existing games
Use only assets you have the right to use
Make your twist your own
The golden rule
Do not start with your dream game. Build a tiny game with Claude this week, get someone to play it, and make it more fun one small change at a time.
Small scope
Design
Artifact
Claude Code
Game feel
Playtest
Share
Ask Claude to build a one-button game in a single HTML file today and play it within ten minutes.
What does “How to Build a Game with Claude” cover?
It has 11 sections, starting with “Start small”, “Write a one-page design”, “Build a prototype as an artifact” and “Improve it one change at a time”, plus 7 more sections.
How long does it take to read?
About 3 minutes. Every section is a short, self-contained card, so you can jump straight to the part you need.
Is this guide free?
Yes. The full guide is free to read on this page, with no sign-up.
For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.
Weekly newsletter
Everything new, every Monday.
One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.
You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.
Cookies and your choices
This site works without tracking you and loads no analytics scripts. Essential storage is always on so pages load and work correctly. You decide whether your browsing preferences are saved on your device. Read the Privacy Policy.