ClaudeCodeMod

All shelves / Marketplaces

willibrandon/pixel-plugin

willibrandon/pixel-plugin · 1 plugin

Marketplace Claude Code plugin for creating pixel art with Aseprite through natural language. Supports animation, retro palettes, dithering, and game engine export.

Install

The repo has no one-line install. Follow its README.

Open the repo

Plugins 1

After adding the marketplace, install one with /plugin install <name>@pixel-plugin.

  1. 1pixel-pluginCreate, animate, and export pixel art using Aseprite through natural language and commands/plugin install pixel-plugin@pixel-plugin

Files

README.md

Aseprite Pixel Art Plugin for Claude Code

Create, animate, and export pixel art using Aseprite through natural language and commands in Claude Code.

Powered by pixel-mcp - a Model Context Protocol server for Aseprite.

Features

Natural Language Pixel Art Creation

  • "Create a 64x64 Game Boy style sprite"
  • "Draw a red circle with blue outline"
  • "Make a 16x16 tile"

Animation Support

  • "Add a 4-frame walk cycle"
  • "Create an idle animation"
  • "Set frame timing to 100ms"

Advanced Techniques

  • Apply dithering patterns
  • Optimize color palettes
  • Add shading and antialiasing
  • Use retro console palettes (NES, Game Boy, C64, PICO-8)

Game-Ready Export

  • PNG, GIF, spritesheet formats
  • JSON metadata for Unity, Godot, Phaser
  • Pixel-perfect scaling (2x, 4x, 8x)
  • Multiple spritesheet layouts

How It Works

This plugin uses the pixel-mcp Model Context Protocol server to communicate with Aseprite. The MCP server provides 40+ tools for pixel art operations and is bundled with the plugin.

Quick Start

1. Prerequisites

2. Installation

Option A: Via Claude Code (recommended)

In Claude Code, run:

/plugin

Then:

  1. Select "Add marketplace"
  2. Enter: willibrandon/pixel-plugin (for GitHub) or ./path/to/local/marketplace (for local)
  3. Select "Browse and install plugins"
  4. Find and install pixel-plugin

Option B: From command line

# Add the GitHub marketplace
claude plugin marketplace add willibrandon/pixel-plugin

# Install the plugin
claude plugin install pixel-plugin

Option C: Local development/testing

# Clone the repository
git clone https://github.com/willibrandon/pixel-plugin.git
cd pixel-plugin

# Add as local marketplace (from parent directory)
cd ..
claude plugin marketplace add ./pixel-plugin

# Install from local source
claude plugin install pixel-plugin@pixel-plugin

3. Setup

Configure Aseprite path (one-time setup):

/pixel-setup

The command will auto-detect your Aseprite installation. If not found, specify the path manually:

/pixel-setup /Applications/Aseprite.app/Contents/MacOS/aseprite

4. Create Your First Sprite

# Using slash commands
/pixel-new 64x64 gameboy
"Draw a character sprite"
/pixel-export png character.png

# Or natural language only
"Create a 32x32 Game Boy sprite of a character"
"Export it as character.png"

Usage

Slash Commands

Command Description Example
/pixel-new [size] [palette] Create new sprite /pixel-new icon nes
/pixel-palette <action> [args] Manage palettes /pixel-palette set gameboy
/pixel-export <format> [file] Export sprite /pixel-export gif anim.gif
/pixel-setup [path] Configure plugin /pixel-setup
/pixel-help [topic] Get help /pixel-help palettes

Natural Language

The plugin responds to natural language requests:

Creation:

"Create a 64x64 RGB sprite"
"Make a 16x16 tile with NES palette"
"Start a new 128x128 canvas"

Drawing:

"Draw a red circle in the center"
"Fill the background with blue"
"Draw a pixelated tree"

Animation:

"Add 4 frames for a walk cycle"
"Create a 2-frame idle animation"
"Set all frame durations to 100ms"

Advanced:

"Apply Floyd-Steinberg dithering"
"Reduce to 16 colors"
"Add shading with light from top-left"
"Convert to PICO-8 palette"

Export:

"Export as PNG at 4x scale"
"Export as animated GIF at 12 FPS"
"Create a horizontal spritesheet"
"Export with Unity JSON metadata"

Examples

Example 1: Game Boy Character

/pixel-new 48x48 gameboy
"Draw a character sprite - round head, square body, stick limbs"
"Add a 2-frame breathing animation"
/pixel-export gif character-idle.gif fps=2

Result: Game Boy character with subtle idle animation.

Example 2: NES Tile

/pixel-new tile nes
"Draw a brick wall pattern"
"Apply Bayer dithering for texture"
/pixel-export png brick-tile.png scale=4

Result: Retro NES-style brick tile, scaled 4x for modern displays.

Example 3: Modern Pixel Art

/pixel-new 64x64
"Draw a detailed sword with silver blade and gold hilt"
"Add shading from top-left light source"
"Apply soft antialiasing to edges"
/pixel-export png sword.png scale=2

Result: Modern pixel art with shading and antialiasing.

Example 4: Animated Sprite for Game

/pixel-new 32x32 pico8
"Draw a simple character"
"Create an 8-frame run cycle"
"Set frames to 80ms each"
/pixel-export json game-character.json format=unity

Result: game-character.png spritesheet + game-character.json ready for Unity import.

Palette Presets

Retro Consoles

  • nes - 54-color NES palette
  • gameboy - 4-color Game Boy green
  • gameboy-gray - 4-shade grayscale
  • c64 - 16-color Commodore 64
  • cga - 4-color IBM CGA
  • snes - 256-color Super Nintendo

Modern Palettes

  • pico8 - PICO-8 fantasy console (16 colors)
  • sweetie16 - Popular 16-color palette by GrafxKid
  • db16 - DawnBringer's 16 colors
  • db32 - DawnBringer's 32 colors

Generic

  • retro16 - Generic 16-color retro
  • retro8 - Generic 8-color retro
  • grayscale4/8/16 - Grayscale palettes

Export Formats

Formats

  • PNG - Single frame or current frame with transparency
  • GIF - Animated GIF with loop and timing control
  • Spritesheet - Multiple layouts (horizontal, vertical, grid, packed)
  • JSON - Metadata for game engines (Aseprite, TexturePacker, Unity, Godot)

Spritesheet Layouts

  • horizontal - All frames in a row (web animations)
  • vertical - All frames in a column
  • grid - Optimal rows × columns (game engines)
  • packed - Space-optimized (texture atlases)

Scaling

  • scale=1 - Original size
  • scale=2 - 2x pixel-perfect
  • scale=4 - 4x pixel-perfect
  • scale=8 - 8x pixel-perfect

Documentation

Troubleshooting

"Aseprite not found" Error

Run setup command:

/pixel-setup /path/to/aseprite

Platform-specific paths:

  • macOS: /Applications/Aseprite.app/Contents/MacOS/aseprite
  • Linux: /usr/bin/aseprite
  • Windows: C:\Program Files\Aseprite\Aseprite.exe

"MCP server not responding"

  1. Verify Aseprite is installed and accessible
  2. Check configuration: cat ~/.config/pixel-mcp/config.json
  3. Re-run setup: /pixel-setup
  4. Check binary permissions: chmod +x bin/pixel-mcp

"Export failed" or "File not found"

  • Ensure sprite is created before exporting
  • Check output path is writable
  • Verify format is supported (png, gif, sheet, json)

See Known Issues for additional troubleshooting information.

Platform Support

  • macOS (Intel and Apple Silicon)
  • Linux (x86_64 and ARM64)
  • Windows (x86_64)

Requirements

  • Aseprite: v1.3.0 or higher
  • Claude Code: v1.0.0 or higher
  • pixel-mcp: MCP server (bundled) - Source
  • Disk Space: ~50MB for plugin and binaries

Contributing

Contributions welcome! Please see CONTRIBUTING.md for guidelines.

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/amazing-feature)
  3. Commit changes (git commit -m 'Add amazing feature')
  4. Push to branch (git push origin feature/amazing-feature)
  5. Open Pull Request

License

This project is licensed under the MIT License - see LICENSE file for details.

Facts

Kind
Marketplace
Repo
willibrandon/pixel-plugin
Group
Uncategorized
Marketplace name
pixel-plugin
Owner
Brandon Williams
License
MIT
Language
Shell
Created
2025-10-17
Forks
29
Topics
animation, aseprite, claude-code, mcp, pixel-art, sprite-editor, sprites
Plugins
1

More on this shelf

  1. 1f/prompts.chatf/prompts.chatf.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
  2. 2affaan-m/everything-claude-codeaffaan-m/everything-claude-codeThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
  3. 3obra/superpowersobra/superpowersAn agentic skills framework & software development methodology that works.
  4. 4anthropics/skillsanthropics/skillsPublic repository for Agent Skills
  5. 5anthropics/claude-codeanthropics/claude-codeClaude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.
  6. 6nextlevelbuilder/ui-ux-pro-max-skillnextlevelbuilder/ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.