Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
davila7 avatar

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-development

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs583
repo stars30.1k
Last updatedAugust 4, 2026
Repositorydavila7/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-games/SKILL.mdMarkdownGitHub ↗

2D Game Development

Principles for 2D game systems.

---

1. Sprite Systems

Sprite Organization

ComponentPurpose
AtlasCombine textures, reduce draw calls
AnimationFrame sequences
PivotRotation/scale origin
LayeringZ-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

FactorRecommendation
Size16x16, 32x32, 64x64
Auto-tilingUse for terrain
CollisionSimplified shapes

Layers

LayerContent
BackgroundNon-interactive scenery
TerrainWalkable ground
PropsInteractive objects
ForegroundParallax overlay

---

3. 2D Physics

Collision Shapes

ShapeUse Case
BoxRectangular objects
CircleBalls, rounded
CapsuleCharacters
PolygonComplex shapes

Physics Considerations

  • Pixel-perfect vs physics-based
  • Fixed timestep for consistency
  • Layers for filtering

---

4. Camera Systems

Camera Types

TypeUse
FollowTrack player
Look-aheadAnticipate movement
Multi-targetTwo-player
Room-basedMetroidvania

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 texturesUse atlases
Complex collision shapesSimplified collision
Jittery cameraSmooth following
Pixel-perfect on physicsChoose 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.

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.