Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

game-development — Claude Code skill: what it does, how to install

Guides game architecture decisions, platform choices, and core loop structure. Directs the assistant to specialized sub-skills for web, mobile, PC, or VR.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add sickn33/agentic-awesome-skills --skill game-development -a claude-code
Open on GitHub

What game-development does

This skill acts as an orchestrator for game development projects. It provides overarching architectural principles and routes requests to dedicated sub-skills like engine-selection, web-games, or 2d-games. The guide covers the core game loop, input abstraction into logical actions, and an illustrative 16.67ms frame budget for 60 FPS targets.

The architecture matrix enforces starting with a State Machine rather than overcomplicating early. ECS is reserved strictly for handling thousands of identical entities under heavy performance strain. Profiling on target hardware comes first. The skill explicitly bans optimizing without profiling, avoiding blind guesswork on CPU and GPU pipelines.

What it helps with

  • Select an engine or framework for target platforms
  • Structure a fixed-timestep game loop
  • Pick between State Machines and ECS based on entity volume
  • Allocate a 16.67ms performance budget across game systems

Example prompts for the agent

  • Help me choose an engine and pattern for a 2D browser platformer
  • Set up an action-based input abstraction layer for keyboard and gamepad
  • Structure enemy AI using a behavior tree for modular decisions

How to install game-development

1Skills CLI (Vercel)

npx skills add sickn33/agentic-awesome-skills --skill game-development -a claude-code

2Manually: put the files in place

~/.claude/skills/game-development/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/game-development/

From the same set80

The whole set →
docker-expert sickn33 A skill that turns your AI agent into a Docker reviewer for Dockerfiles, multi-stage builds and container security. Useful when images and Compose files need a second look. Claude Code CX Codex Cursor +1 27,200installs typescript-expert sickn33 A skill for TypeScript and JavaScript work: it reads your project setup, fixes type errors and speeds up type checking. Useful once a TS codebase gets big. Claude Code CX Codex Cursor +1 12,600installs browser-automation sickn33 This skill builds browser checks around observed UI state and explicit outcomes. Use it for UI workflows, timing failures, or authorised page-data collection. Claude Code CX Codex Cursor +1 6,700installs nextjs-supabase-auth sickn33 This skill wires Supabase Auth into the Next.js App Router with clients, middleware, OAuth callbacks, and Server Actions. Use it when you need protected routes and session handling. Claude Code CX Codex Cursor +1 6,500installs 3d-web-experience sickn33 Helps build and debug web 3D scenes, product configurators, and portfolios. Covers stack choice, model loading, scroll interaction, and performance checks. Claude Code CX Codex Cursor +1 5,200installs prisma-expert sickn33 This skill helps inspect Prisma schemas, migrations, and queries. Use it to investigate an error or review database changes before deployment. Claude Code CX Codex Cursor +1 4,200installs playwright-skill sickn33 Write and run Playwright browser tests directly in Claude Code: responsive design checks, login flows, form submissions, screenshots. Executes locally via Node with a visible browser window. Claude Code CX Codex Cursor +1 3,900installs mobile-design sickn33 Reviews and guides iOS, Android, React Native, and Flutter interfaces for touch targets, offline handling, and rendering performance. Claude Code CX Codex Cursor +1 3,700installs

Similar

threejs-materials CloudAI-X Helps choose and configure Three.js materials for meshes, lines, and points. Use it when a scene needs PBR, lighting, transparency, or controlled surface behavior. Claude Code CX Codex Cursor +1 14,400installs threejs-interaction CloudAI-X Teaches your agent how to set up raycasting, camera controls, and object dragging in three.js for WebGL and WebGPU. Claude Code CX Codex Cursor +1 14,100installs threejs-postprocessing CloudAI-X A skill that adds post-processing pass chains to Three.js: bloom, depth of field, ambient occlusion, and custom screen shaders. Use it when you need visual effects, color grading, or blur on WebGL and WebGPU. Claude Code CX Codex Cursor +1 13,500installs threejs-lighting CloudAI-X Three.js r186 lighting skill for WebGL and WebGPU. It guides physical light units, cascaded shadow maps, and RectAreaLight setup. Claude Code CX Codex Cursor +1 13,100installs threejs-loaders CloudAI-X Teaches your AI agent to load glTF models, textures, and HDR maps in three.js r186. Useful when wiring loading progress, color spaces, or WebGPU environments. Claude Code CX Codex Cursor +1 12,700installs threejs-textures CloudAI-X Guides texture loading, color spaces, and transforms for Three.js r186. Useful when building 3D materials with WebGL or WebGPU. Claude Code CX Codex Cursor +1 12,400installs orbit-card heygen-com Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths. Claude Code CX Codex Cursor +1 9,800installs sdf earthtojake This skill authors and validates SDFormat files for models and worlds, then helps prepare them for simulator handoff. Claude Code CX Codex Cursor +1 10,500installs

Questions about game-development

How do I install game-development in Claude Code?

Run npx skills add sickn33/agentic-awesome-skills --skill game-development -a claude-code. The file will be placed in ~/.claude/skills/game-development/SKILL.md.

What does the game-development skill do?

It teaches core game development principles and routes projects to specialized sub-skills for web games, engine selection, 2D/3D pipelines, or multiplayer architecture.

When does this skill recommend using ECS?

It sets the State Machine as the default pattern. You should switch to ECS only when handling thousands of identical entities with strict performance limits.

Source text

SKILL.md · MIT
---
name: game-development
description: >-
  Game development orchestrator. Routes by platform, dimension, and engine fit
  (web 2D/3D, hybrid DOM+canvas, narrative tools). Use when starting or
  structuring a game project, choosing frameworks, or picking among Phaser,
  PixiJS, Kaplay, Canvas/WebGL, Three.js, Babylon.js, Godot, Unity, or Ink/Twine.
risk: none
source: community
date_added: "2026-02-27"
---

# Game Development

> **Orchestrator skill** — principles plus routing to specialized sub-skills.

---

## When to Use This Skill

You are working on a game development project. This skill teaches PRINCIPLES and directs you to the right sub-skill based on context.

---

## Sub-Skill Routing

### Platform Selection

| If the game targets... | Use Sub-Skill |
|------------------------|---------------|
| Web browsers (HTML5, WebGL, WebGPU) | `game-development/web-games` |
| Mobile (iOS, Android) | `game-development/mobile-games` |
| PC (Steam, Desktop) | `game-development/pc-games` |
| VR/AR headsets | `game-development/vr-ar` |

### Dimension Selection

| If the game is... | Use Sub-Skill |
|-------------------|---------------|
| 2D (sprites, tilemaps) | `game-development/2d-games` |
| 3D (meshes, shaders) | `game-development/3d-games` |

### Architecture / tooling

| If you need... | Use Sub-Skill |
|----------------|---------------|
| Engine / framework choice, shell vs guest, fit tiers | `game-development/engine-selection` |
| GDD, balancing, player psychology | `game-development/game-design` |
| Multiplayer, networking | `game-development/multiplayer` |
| Visual style, asset pipeline, animation | `game-development/game-art` |
| Sound design, music, adaptive audio | `game-development/game-audio` |

---

## Core Principles (All Platforms)

### 1. The Game Loop

```
INPUT  → Read player actions
UPDATE → Process game logic (fixed timestep)
RENDER → Draw the frame (interpolated)
```

**Fixed-timestep starting point (not required for every game):**
- Physics/logic: Fixed rate (e.g., 50Hz)
- Rendering: Synchronize with the display/frame scheduler and chosen power budget
- Interpolate where appropriate; cap accumulated lag/substeps after pauses to avoid a catch-up spiral

**Hybrid / UI-heavy games:** the outer app may be DOM/event-driven; use a classic game loop only in canvas/WebGL viewports (or wherever simulation ticks).

### 2. Pattern Selection Matrix

| Pattern | Use When | Example |
|---------|----------|---------|
| **State Machine** | 3-5 discrete states | Player: Idle→Walk→Jump |
| **Object Pooling** | Frequent spawn/destroy | Bullets, particles |
| **Observer/Events** | Cross-system communication | Health→UI updates |
| **ECS** | Thousands of similar entities | RTS units, particles |
| **Command** | Undo, replay, networking | Input recording |
| **Behavior Tree** | Complex AI decisions | Enemy AI |
| **Content-as-data** | Designers ship levels/events without code | JSON/YAML packs |

**Decision Rule:** Start with State Machine. Add ECS only when performance demands.

### 3. Input Abstraction

Abstract input into ACTIONS, not raw keys:

```
"jump"  → Space, Gamepad A, Touch tap
"move"  → WASD, Left stick, Virtual joystick
```

### 4. Illustrative Performance Budget (60 FPS = 16.67ms)

| System | Budget |
|--------|--------|
| Input | 1ms |
| Physics | 3ms |
| AI | 2ms |
| Game Logic | 4ms |
| Rendering | 5ms |
| Buffer | 1.67ms |

Profile CPU and GPU paths on target hardware before choosing an optimization; these techniques do not have a universal priority order.

### 5. AI Selection by Complexity

| AI Type | Complexity | Use When |
|---------|------------|----------|
| **FSM** | Simple | 3-5 states, predictable behavior |
| **Behavior Tree** | Medium | Modular, designer-friendly |
| **GOAP** | High | Emergent, planning-based |
| **Utility AI** | High | Scoring-based decisions |

### 6. Collision Strategy

| Type | Best For |
|------|----------|
| **AABB** | Rectangles, fast checks |
| **Circle** | Round objects, cheap |
| **Spatial Hash** | Many similar-sized objects |
| **Quadtree** | Large worlds, varying sizes |

---

## Anti-Patterns (Universal)

| Don't | Do |
|-------|-----|
| Update everything every frame | Use events, dirty flags |
| Create objects in hot loops | Object pooling |
| Cache nothing | Cache references |
| Optimize without profiling | Profile first |
| Mix input with logic | Abstract input layer |
| Pick an engine by hype | Match engine to genre + team + delivery target |

---

## Routing Examples

### “Browser 2D platformer”
→ `game-development/engine-selection` → `game-development/web-games` → `game-development/2d-games` → `game-development/game-design`

### “UI-heavy web game with small arcade challenges”
→ `game-development/engine-selection` (shell vs guest) → `game-development/web-games` → `game-development/2d-games` for guests only

### “Mobile puzzle”
→ `game-development/mobile-games` → `game-development/game-design`

### “Multiplayer VR shooter”
→ `game-development/vr-ar` → `game-development/3d-games` → `game-development/multiplayer`

### “Branching narrative with light stats”
→ `game-development/engine-selection` (Ink/Twine) → host UI of your choice

---

> **Remember:** Great games come from iteration, not perfection. Prototype fast, then polish.

## Limitations

- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

© sickn33 · MIT · sickn33/agentic-awesome-skills

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor