Claude Code SkillCreative Design96 installs

Game Development

Game development orchestrator. Routes to platform-specific skills based on project needs.

Install with the Claude Code Templates CLI
$ npx claude-code-templates@latest --skill="creative-design/game-development" --yes

Requires Claude Code. The command adds this skill to your project's .claudedirectory — nothing runs on ToolZip's servers.

What's inside this skill

Component source

Game Development

Orchestrator skill that provides core principles and routes to specialized sub-skills.

When to Use This Skill

You are working on a game development project. This skill teaches the PRINCIPLES of game development 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)game-development/web-games
Mobile (iOS, Android)game-development/mobile-games
PC (Steam, Desktop)game-development/pc-games
VR/AR headsetsgame-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

Specialty Areas

If you need...Use Sub-Skill
GDD, balancing, player psychologygame-development/game-design
Multiplayer, networkinggame-development/multiplayer
Visual style, asset pipeline, animationgame-development/game-art
Sound design, music, adaptive audiogame-development/game-audio

Core Principles (All Platforms)

1. The Game Loop

Every game, regardless of platform, follows this pattern:

INPUT  → Read player actions
UPDATE → Process game logic (fixed timestep)
RENDER → Draw the frame (interpolated)
Fixed Timestep Rule:
  • Physics/logic: Fixed rate (e.g., 50Hz)
  • Rendering: As fast as possible
  • Interpolate between states for smooth visuals


2. Pattern Selection Matrix

PatternUse WhenExample
State Machine3-5 discrete statesPlayer: Idle→Walk→Jump
Object PoolingFrequent spawn/destroyBullets, particles
Observer/EventsCross-system communicationHealth→UI updates
ECSThousands of similar entitiesRTS units, particles
CommandUndo, replay, networkingInput recording
Behavior TreeComplex AI decisionsEnemy AI
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
Why: Enables multi-platform, rebindable controls.

4. Performance Budget (60 FPS = 16.67ms)

SystemBudget
Input1ms
Physics3ms
AI2ms
Game Logic4ms
Rendering5ms
Buffer1.67ms
Optimization Priority:
  • Algorithm (O(n²) → O(n log n))
  • Batching (reduce draw calls)
  • Pooling (avoid GC spikes)
  • LOD (detail by distance)
  • Culling (skip invisible)


5. AI Selection by Complexity

AI TypeComplexityUse When
FSMSimple3-5 states, predictable behavior
Behavior TreeMediumModular, designer-friendly
GOAPHighEmergent, planning-based
Utility AIHighScoring-based decisions

6. Collision Strategy

TypeBest For
AABBRectangles, fast checks
CircleRound objects, cheap
Spatial HashMany similar-sized objects
QuadtreeLarge worlds, varying sizes

Anti-Patterns (Universal)

Don'tDo
Update everything every frameUse events, dirty flags
Create objects in hot loopsObject pooling
Cache nothingCache references
Optimize without profilingProfile first
Mix input with logicAbstract input layer

Routing Examples

Example 1: "I want to make a browser-based 2D platformer"

→ Start with game-development/web-games for framework selection

→ Then game-development/2d-games for sprite/tilemap patterns

→ Reference game-development/game-design for level design

Example 2: "Mobile puzzle game for iOS and Android"

→ Start with game-development/mobile-games for touch input and stores

→ Use game-development/game-design for puzzle balancing

Example 3: "Multiplayer VR shooter"

game-development/vr-ar for comfort and immersion

game-development/3d-games for rendering

game-development/multiplayer for networking


Remember: Great games come from iteration, not perfection. Prototype fast, then polish.
Type
Skill
Category
Creative Design
Installs
96
Source
GitHub ↗

Related Claude Code Skills

SkillCreative Design

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

4.2k installsView →
SkillCreative Design

Ui Ux Pro Max

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."

2.3k installsView →
SkillCreative Design

Ui Design System

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.

1.5k installsView →
SkillCreative Design

Canvas Design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

962 installsView →
SkillCreative Design

Mobile Design

Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.

803 installsView →
SkillCreative Design

3d Web Experience

"Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience."

365 installsView →

Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.