By willibrandon
Create, animate, and export pixel art using Aseprite through natural language and commands. Supports retro palettes, animation, dithering, and game engine export.
This directory contains slash commands that users invoke directly in Claude Code.
Export sprite to PNG, GIF, or spritesheet with optional scaling
Show help for pixel art commands and skills
Creates a new pixel art sprite with optional presets for size and palette.
Manage sprite palettes - set, optimize, or load preset palettes
Create and manage sprite animations with multiple frames, animation tags, frame durations, and linked cels. Use when the user wants to animate a sprite, add animation, create movement, make it move, mentions "animation", "animated", "frames", "keyframes", "frame rate", "FPS", "timing", "duration", "walk cycle", "run cycle", "idle animation", "attack animation", "jump", "movement", "motion", or describes actions like "walking", "running", "jumping", "attacking", "breathing", "bobbing", "bouncing". Trigger on animation tags, loops, playback, sequences, "add frames", "duplicate frame", "frame timing", "ping-pong", "loop", "sequence". Also for linked cels, static backgrounds, and frame optimization.
Create new pixel art sprites from scratch with canvas creation, layer management, and basic drawing primitives. Use when the user wants to create a sprite, draw pixel art, make a new canvas, start a new image, begin a new project, or mentions pixel dimensions like "64x64", "32x32 sprite", "128 by 128", "16 pixel icon". Trigger on: "create", "new", "make", "draw", "sprite", "canvas", "image", "icon", "tile", "character", "background", dimensions (WxH), "from scratch", "blank canvas", "empty sprite", "Game Boy", "NES", "retro", color mode mentions ("RGB", "indexed", "grayscale"). Also use for drawing basic shapes like "circle", "rectangle", "line", "pixel", "fill", "outline".
Export sprites to PNG, GIF, or spritesheet formats with JSON metadata for game engines. Use when the user wants to "export", "save", "output", "render", "generate", "create file", mentions file formats like "PNG", "GIF", "animated GIF", "spritesheet", "sprite sheet", "texture atlas", "tile sheet", or game engine integration with "Unity", "Godot", "Phaser", "Unreal", "GameMaker". Trigger on layout terms ("horizontal", "vertical", "grid", "packed", "strip"), scaling ("2x", "4x", "upscale", "pixel-perfect"), file operations ("save as", "export to", "output to"), metadata formats ("JSON", "XML", "metadata", "atlas data"), and delivery terms ("for web", "for game", "for Twitter", "for itch.io", "optimized").
Apply advanced pixel art techniques including dithering, palette optimization, shading, antialiasing, and color theory. Use when the user mentions "dithering", "dither", "Bayer", "Floyd-Steinberg", "palette", "colors", "reduce colors", "optimize palette", "color limit", "shading", "shadows", "highlights", "lighting", "light source", "antialiasing", "smooth", "smoothing", "anti-alias", "AA", "color ramp", "gradient", "hue shifting", "saturation", "value", "contrast", or wants to "refine", "polish", "improve", "enhance", "make better", "add depth", "add dimension" to existing pixel art. Trigger on retro palette names (NES, Game Boy, C64, PICO-8), texture terms ("metal", "fabric", "stone", "wood"), and visual quality terms ("professional", "clean", "smooth", "vibrant").
Admin access level
Server config contains admin-level keywords
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
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.
Natural Language Pixel Art Creation
Animation Support
Advanced Techniques
Game-Ready Export
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.
Option A: Via Claude Code (recommended)
In Claude Code, run:
/plugin
Then:
willibrandon/pixel-plugin (for GitHub) or ./path/to/local/marketplace (for local)pixel-pluginOption 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
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
# 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"
| 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 |
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"
/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.
/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.
/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.
/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.
npx claudepluginhub willibrandon/pixel-plugin --plugin pixel-pluginFast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.
Official PixiJS skills for Claude, Cursor, and other AI agents — Application setup, scene graph, sprites, graphics, text, filters, custom rendering, performance, and v7-to-v8 migration
Generate colour palettes, favicon packages, custom SVG icon sets, and image processing (resize, convert, optimise).
MiniMax AI skills library for frontend, fullstack, Android, iOS, shader, GIF sticker, document, presentation, spreadsheet, and multimodal media workflows
The creative suite for AI agents — motion graphics, asset generation, and video rendering via Remotion + @oanim/core
SVG を高品質 PNG に変換。サイズ・背景色指定、mix-blend-mode 等 CSS 対応、アプリアイコン/スプラッシュ/favicon のプリセットバッチ生成に対応