
Game Development
- 583 installs
- 30.1k repo stars
- Updated August 4, 2026
- davila7/claude-code-templates
This is a copy of game-development by sickn33 - installs and ranking accrue to the original listing.
game-development is a Claude Code skill that generates structured starter templates and game loops when creating browser or canvas-based games.
About
game-development is an agent skill that supplies a collection of Claude-optimized starter templates and implementation patterns for building 2D games. It gives solo developers a fast on-ramp to create canvas-based games by providing consistent structure for game loops, asset handling, state management, and input systems. Builders use it when they want to skip boilerplate and focus on unique gameplay instead of fighting with basic engine code. The templates are written to be easily understood and extended by large language model coding agents, reducing token waste and context-switching. This skill is especially useful for indie creators shipping small web games, jam entries, or experimental interactive experiences without a full game engine.
- Provides ready-to-use Claude Code templates for common game development patterns
- Includes core loops for player input, collision, scoring and rendering
- Supports both HTML5 Canvas and simple physics setups
- Delivers modular code organization that scales from prototype to full game
- Works directly with Cursor and Claude Code agent workflows
Game Development by the numbers
- 583 all-time installs (skills.sh)
- +49 installs in the week ending Jun 27, 2026 (Skillselion tracking)
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/davila7/claude-code-templates --skill game-developmentAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 583 |
|---|---|
| repo stars | ★ 30.1k |
| Last updated | August 4, 2026 |
| Repository | davila7/claude-code-templates ↗ |
How do you scaffold a browser canvas game in Claude Code?
Generate structured starter templates and game loops when creating browser or canvas-based games with Claude Code.
Who is it for?
Developers starting browser or canvas-based HTML5 game prototypes who want Claude Code to emit consistent starter structure and loop code.
Skip if: Developers building native mobile, console, or Unreal or Unity projects that need engine-specific tooling instead of browser canvas templates.
When should I use this skill?
A user asks to create, scaffold, or prototype a browser or canvas-based game with Claude Code.
What you get
Structured game starter templates, canvas setup files, and a working core game loop for browser play.
- game starter template
- core game loop code
By the numbers
- 520 installs on skills.sh
- Rank 9276 on skills.sh catalog
Files
2D Game Development
Principles for 2D game systems.
---
1. Sprite Systems
Sprite Organization
| Component | Purpose |
|---|---|
| Atlas | Combine textures, reduce draw calls |
| Animation | Frame sequences |
| Pivot | Rotation/scale origin |
| Layering | Z-order control |
Animation Principles
- Frame rate: 8-24 FPS typical
- Squash and stretch for impact
- Anticipation before action
- Follow-through after action
---
2. Tilemap Design
Tile Considerations
| Factor | Recommendation |
|---|---|
| Size | 16x16, 32x32, 64x64 |
| Auto-tiling | Use for terrain |
| Collision | Simplified shapes |
Layers
| Layer | Content |
|---|---|
| Background | Non-interactive scenery |
| Terrain | Walkable ground |
| Props | Interactive objects |
| Foreground | Parallax overlay |
---
3. 2D Physics
Collision Shapes
| Shape | Use Case |
|---|---|
| Box | Rectangular objects |
| Circle | Balls, rounded |
| Capsule | Characters |
| Polygon | Complex shapes |
Physics Considerations
- Pixel-perfect vs physics-based
- Fixed timestep for consistency
- Layers for filtering
---
4. Camera Systems
Camera Types
| Type | Use |
|---|---|
| Follow | Track player |
| Look-ahead | Anticipate movement |
| Multi-target | Two-player |
| Room-based | Metroidvania |
Screen Shake
- Short duration (50-200ms)
- Diminishing intensity
- Use sparingly
---
5. Genre Patterns
Platformer
- Coyote time (leniency after edge)
- Jump buffering
- Variable jump height
Top-down
- 8-directional or free movement
- Aim-based or auto-aim
- Consider rotation or not
---
6. Anti-Patterns
| ❌ Don't | ✅ Do |
|---|---|
| Separate textures | Use atlases |
| Complex collision shapes | Simplified collision |
| Jittery camera | Smooth following |
| Pixel-perfect on physics | Choose one approach |
---
Remember: 2D is about clarity. Every pixel should communicate.
Related skills
FAQ
What platforms does game-development target?
game-development targets browser and canvas-based games, generating structured starter templates and game loop code for HTML5 frontend prototypes rather than native or engine-specific game projects.
How popular is the game-development skill?
The game-development skill from davila7/claude-code-templates is listed on skills.sh with 520 installs, indicating community adoption for Claude Code browser game scaffolding.