# 2D Assets MCP

This MCP server creates PNG placeholders for game prototypes, including sprites, health bars, and UI elements. Use it to test scale and animation timing before final art.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 6
- Author: crony-io
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/crony-io/2d-assets-mcp
- Updated: 2026-06-17
- HTML: https://affpapa.org/en/nevibecode/mcp/2d-assets-mcp

## What it does

2D Assets MCP generates PNG files inside the project folder through an AI client. It can produce sprites, animation spritesheets, buttons, health bars, and other interface elements. Visual options include gradients, pattern overlays, transparency, rotated text, and labels that scale to fit the asset.

Generated PNGs carry JSON metadata in EXIF with details such as dimensions, colors, shapes, gradients, patterns, text, and strokes. File names include dimensions, which helps models without vision identify an asset. The server writes to the path supplied by the AI client, so access should be limited to the game project and output paths should be reviewed before confirmation. Claude Code setup uses `npx` with the `2d-assets-mcp` package.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add 2d-assets-mcp -- npx -y 2d-assets-mcp
```

### Codex

**Platform CLI**
```bash
codex mcp add 2d-assets-mcp -- npx -y 2d-assets-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "2d-assets-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "2d-assets-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "2d-assets-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "2d-assets-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add 2d-assets-mcp npx -y 2d-assets-mcp
```

## When to use it
- create a PNG placeholder for a game object
- build a spritesheet for a short animation
- draw a health bar with a chosen fill level
- prepare a button or other game UI element
- test scale and animation timing before final art

## Example prompts
- Create an attack button as `button_attack_128x48.png` with a red gradient and the label ATTACK.
- Generate a hero idle-animation spritesheet and save it in the project folder.
- Make `health_bar_200x24.png` with the bar filled to 75 percent.

## Similar
- [Pascal 3D Editor](https://affpapa.org/en/nevibecode/mcp/pascal-3d-editor.md) — MCP server · ★ 25137
- [Unity-MCP](https://affpapa.org/en/nevibecode/mcp/unity-mcp.md) — MCP server · ★ 4534
- [mcp](https://affpapa.org/en/nevibecode/mcp/sceneview-mcp.md) — MCP server · ★ 1349
- [Gearboy MCP Server](https://affpapa.org/en/nevibecode/mcp/gearboy-mcp-server.md) — MCP server · ★ 1218
- [ChiR24-unreal_mcp_server](https://affpapa.org/en/nevibecode/mcp/chir24-unreal-mcp-server.md) — MCP server · ★ 982
- [Nova3D](https://affpapa.org/en/nevibecode/mcp/nova3d.md) — MCP server · ★ 732

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md