mcpbeat

Game Art

dokhacgiakhoa/game-art

Game art principles.

1k tokens
context cost
the whole folder, loaded on every use
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
505
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI --skill game-art

The instruction itself

20 sections, as written by the author

Game Art Principles

> Visual design thinking for games - style selection, asset pipelines, and art direction.


1. Art Style Selection

Decision Tree

What feeling should the game evoke?
│
├── Nostalgic / Retro
│   ├── Limited palette? → Pixel Art
│   └── Hand-drawn feel? → Vector / Flash style
│
├── Realistic / Immersive
│   ├── High budget? → PBR 3D
│   └── Stylized realism? → Hand-painted textures
│
├── Approachable / Casual
│   ├── Clean shapes? → Flat / Minimalist
│   └── Soft feel? → Gradient / Soft shadows
│
└── Unique / Experimental
    └── Define custom style guide

Style Comparison Matrix

| Style | Production Speed | Skill Floor | Scalability | Best For |

|-------|------------------|-------------|-------------|----------|

| Pixel Art | Medium | Medium | Hard to hire | Indie, retro |

| Vector/Flat | Fast | Low | Easy | Mobile, casual |

| Hand-painted | Slow | High | Medium | Fantasy, stylized |

| PBR 3D | Slow | High | AAA pipeline | Realistic games |

| Low-poly | Fast | Medium | Easy | Indie 3D |

| Cel-shaded | Medium | Medium | Medium | Anime, cartoon |


2. Asset Pipeline Decisions

2D Pipeline

| Phase | Tool Options | Output |

|-------|--------------|--------|

| Concept | Paper, Procreate, Photoshop | Reference sheet |

| Creation | Aseprite, Photoshop, Krita | Individual sprites |

| Atlas | TexturePacker, Aseprite | Spritesheet |

| Animation | Spine, DragonBones, Frame-by-frame | Animation data |

| Integration | Engine import | Game-ready assets |

3D Pipeline

| Phase | Tool Options | Output |

|-------|--------------|--------|

| Concept | 2D art, Blockout | Reference |

| Modeling | Blender, Maya, 3ds Max | High-poly mesh |

| Retopology | Blender, ZBrush | Game-ready mesh |

| UV/Texturing | Substance Painter, Blender | Texture maps |

| Rigging | Blender, Maya | Skeletal rig |

| Animation | Blender, Maya, Mixamo | Animation clips |

| Export | FBX, glTF | Engine-ready |


3. Color Theory Decisions

Palette Selection

| Goal | Strategy | Example |

|------|----------|---------|

| Harmony | Complementary or analogous | Nature games |

| Contrast | High saturation differences | Action games |

| Mood | Warm/cool temperature | Horror, cozy |

| Readability | Value contrast over hue | Gameplay clarity |

Color Principles

  • Hierarchy: Important elements should pop
  • Consistency: Same object = same color family
  • Context: Colors read differently on backgrounds
  • Accessibility: Don't rely only on color

4. Animation Principles

The 12 Principles (Applied to Games)

| Principle | Game Application |

|-----------|------------------|

| Squash & Stretch | Jump arcs, impacts |

| Anticipation | Wind-up before attack |

| Staging | Clear silhouettes |

| Follow-through | Hair, capes after movement |

| Slow in/out | Easing on transitions |

| Arcs | Natural movement paths |

| Secondary Action | Breathing, blinking |

| Timing | Frame count = weight/speed |

| Exaggeration | Readable from distance |

| Appeal | Memorable design |

Frame Count Guidelines

| Action Type | Typical Frames | Feel |

|-------------|----------------|------|

| Idle breathing | 4-8 | Subtle |

| Walk cycle | 6-12 | Smooth |

| Run cycle | 4-8 | Energetic |

| Attack | 3-6 | Snappy |

| Death | 8-16 | Dramatic |


5. Resolution & Scale Decisions

2D Resolution by Platform

| Platform | Base Resolution | Sprite Scale |

|----------|-----------------|--------------|

| Mobile | 1080p | 64-128px characters |

| Desktop | 1080p-4K | 128-256px characters |

| Pixel art | 320x180 to 640x360 | 16-32px characters |

Consistency Rule

Choose a base unit and stick to it:

  • Pixel art: Work at 1x, scale up (never down)
  • HD art: Define DPI, maintain ratio
  • 3D: 1 unit = 1 meter (industry standard)

6. Asset Organization

Naming Convention

[type]_[object]_[variant]_[state].[ext]

Examples:
spr_player_idle_01.png
tex_stone_wall_normal.png
mesh_tree_oak_lod2.fbx

Folder Structure Principle

assets/
├── characters/
│   ├── player/
│   └── enemies/
├── environment/
│   ├── props/
│   └── tiles/
├── ui/
├── effects/
└── audio/

7. Anti-Patterns

| Don't | Do |

|-------|-----|

| Mix art styles randomly | Define and follow style guide |

| Work at final resolution only | Create at source resolution |

| Ignore silhouette readability | Test at gameplay distance |

| Over-detail background | Focus detail on player area |

| Skip color testing | Test on target display |


> Remember: Art serves gameplay. If it doesn't help the player, it's decoration.

How to use it

Copy the folder

Take dokhacgiakhoa/game-art from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.