Powered by MCP Protocol

Pixel Art for AI

Create stunning pixel art with natural language. Piskel MCP Server enables AI assistants to design, animate, and export pixel art through the Model Context Protocol.

Live Preview 32×32 Heart Sprite

Powerful Features

Everything you need to create professional pixel art

Drawing Tools

Pixels, lines, rectangles, circles, and flood fill. Complete set of drawing tools for any pixel art project.

Layer Management

Organize your artwork with multiple layers. Add, remove, and reorder layers for complex compositions.

Animation

Create frame-by-frame animations. Duplicate, add, and remove frames for smooth sprite animations.

Export Options

Export to PNG, GIF, and sprite sheets. Perfect for game development and web projects.

AI Integration

Powered by Model Context Protocol. Connect with AI assistants to create art using natural language.

Developer Friendly

Simple REST API via MCP. Easy to integrate into your workflow or extend for custom needs.

Example Creations

All pixel art below was generated by AI using Piskel MCP Server

Featured Case — J-20 Stealth Fighter
J-20 Afterburner Animation
Afterburner Animation Afterburner — 6 Frames @ 8fps
J-20 Top View
Top View — 48×48
J-20 Side View
Side View — 48×32
J-20 Sprite Sheet
Sprite Sheet — 3×2

J-20 Mighty Dragon stealth fighter — top view, side view, and 6-frame afterburner animation with dynamic flame effects. Every pixel was created by AI through natural language commands.

More Examples

Game sprites and effects also generated by AI

✦ AI Generated Scene
Flying Bird
Pixel Tree Pixel Tree Treasure Chest Sword Heart Explosion

Sprite Details

Bird Fly Animation
bird_fly.gif
Animated Character
4-frame flapping animation, 16×16 pixel bird sprite
Treasure Chest
treasure_chest.gif
Animated Item
Opening animation treasure chest with golden glow effect
Explosion Effect
explosion_effect.gif
Animated Effect
Multi-frame explosion VFX with orange and red particles
Heart Icon
heart_icon.gif
Animated UI
Pulsing heart icon, perfect for health/life UI elements
Sword Item
sword_item.gif
Animated Item
Gleaming sword with shimmer animation, game weapon sprite
Pixel Tree
pixel_tree.png
Static Environment
Lush green pixel art tree for platformer backgrounds
Explosion Sprite Sheet
explosion_effect_sheet.png
Sprite Sheet Effect
All animation frames exported as a single sprite sheet for game engines
Treasure Chest Sprite Sheet
treasure_chest_sheet.png
Sprite Sheet Item
Treasure chest frames as sprite sheet, ready for Unity / Phaser / Godot
British Shorthair Cat
british-shorthair.png
Static Character
Adorable British Shorthair cat pixel art portrait with detailed fur shading
Beer Mug
beer-mug.png
Static Item
Pixel art beer mug with frothy foam and golden amber ale
QQ Penguin
qq-penguin.png
Static Character
Classic QQ penguin mascot pixel art with iconic red scarf

Quick Start

Get up and running in minutes

1

Install

git clone https://github.com/yafeiaa/piskel-mcp-server.git
cd piskel-mcp-server
npm install
npm run build
2

Connect to Agent

Add the following config to your Agent settings:

{
  "mcpServers": {
    "piskel": {
      "command": "node",
      "args": ["/path/to/piskel-mcp-server/dist/index.js"]
    }
  }
}

Replace /path/to/piskel-mcp-server/ with your actual clone path.

3

Start Creating!

Once connected, create pixel art with natural language:

"Create a 32x32 sprite of a red heart"
"Draw a blue circle in the center"
"Export as animated GIF"

Available Tools

Complete MCP toolset for pixel art manipulation

Project

  • create_project
  • list_projects
  • get_project_info
  • delete_project

Drawing

  • draw_pixel
  • draw_pixels
  • draw_line
  • draw_rectangle
  • draw_circle
  • fill_area
  • erase_pixel
  • clear_frame

Frames & Layers

  • add_frame
  • remove_frame
  • duplicate_frame
  • move_frame
  • swap_frames
  • add_layer
  • remove_layer
  • rename_layer
  • merge_layers
  • set_layer_opacity
  • set_layer_visibility

Color

  • get_pixel
  • get_frame_data
  • get_used_colors
  • replace_color
  • swap_colors

Transform

  • flip_horizontal
  • flip_vertical
  • rotate
  • shift_frame
  • resize_canvas
  • copy_region

Palette

  • create_palette
  • get_palette
  • list_palettes
  • add_palette_color
  • remove_palette_color

Animation

  • set_fps

Export

  • export_png
  • export_gif
  • export_sprite_sheet