mcpField
P
pixel-art-mcp

pixel-art-mcp

远程服务
simplepixelart.com媒体与设计15 天前更新

关于 pixel-art-mcp

pixel-art-mcp 是本地运行的 MCP 服务,可将图像转为像素画并处理精灵图调色板,适合需要图像转换、重着色或清晰放大的创作者及 AI 助手;无需 API 密钥或原生依赖。

主要功能

  1. 01将图像转换为像素画
  2. 02提取十六进制与 GPL 调色板
  3. 03映射至内置或自定义调色板
  4. 04以最近邻算法放大
  5. 05列出内置调色板

适用场景

  1. 01将照片转为 PICO-8 风格精灵图
  2. 02从截图提取调色板
  3. 03将精灵图重着色为 Game Boy 配色
  4. 04放大用于商店页面的精灵图

MCP 相关

向 MCP 客户端提供图像转换、调色板提取与映射、放大及调色板列表工具。服务在本地运行,支持 PNG、JPEG 文件和图像 URL。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.simplepixelart.com/mcp
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

安装包
npmsimplepixelart-mcp0.1.1

工具

5
参数类型必填说明
inputstring是PNG 或 JPEG 图像的路径或 URL
scaleinteger否保存 PNG 的放大倍数,采用最近邻插值(例如,使用 8 可获得清晰的预览)
widthinteger否像素网格的宽度(像素);高度保持纵横比
colorsinteger否未指定调色板时的颜色数量
outputstring否PNG 的保存位置(默认保存在输入文件旁)
palettestring否调色板名称(pico-8、sweetie-16、endesga-32、game-boy、1-bit),或十六进制颜色值,例如 "#1a1c2c,#5d275d"

详细介绍

simplepixelart-mcp

一个 MCP 服务,为 AI 助手(Claude、Cursor、Windsurf、VS Code……)提供真正的像素画工具:将任意图像转换为像素画、提取调色板、将精灵图重新着色为 PICO-8 或 Game Boy 色彩,以及无模糊放大。

在本地运行,支持 PNG 和 JPEG 文件或图像 URL,无需 API 密钥或原生依赖。

工具

工具功能
pixelate_image图像 → 像素画。将图像缩小到像素网格(例如宽 64 px),通过中位切分减少颜色数量至 N 种,或映射到指定调色板,并保存为 PNG(可选放大以供预览)。
extract_palette提取图像中的主要颜色,并返回十六进制代码以及 GIMP / Aseprite .gpl 调色板。
remap_palette重新着色现有像素画,让每个像素都使用调色板中的颜色——PICO-8、Sweetie 16、ENDESGA 32、Game Boy、1-bit,或你自己的十六进制列表。
upscale_pixel_art使用最近邻算法按整数倍放大,保持像素清晰。
list_palettes列出内置调色板。

安装

将其添加到 MCP 客户端配置中。适用于 Claude Desktop(claude_desktop_config.json)、Cursor(.cursor/mcp.json)和大多数其他客户端:

{
  "mcpServers": {
    "pixel-art": {
      "command": "npx",
      "args": ["-y", "simplepixelart-mcp"]
    }
  }
}

Claude Code:

claude mcp add pixel-art -- npx -y simplepixelart-mcp

需要 Node.js 18 或更高版本。

示例

可以向助手提出如下请求:

  • “将 ~/photos/cat.jpg 转换为宽 48 px 的像素画,使用 PICO-8 调色板,并保存一张 8x 预览图。”
  • “从这张截图中提取 6 色调色板,并提供 .gpl 文件。”
  • “将 assets/ 中的所有精灵图重新着色为 Game Boy 调色板。”
  • “将 hero.png 放大 10x,用于商店页面。”

作为库使用

import { loadImage, pixelate, saveImage } from 'simplepixelart-mcp/src/pixel.js'

const img = await loadImage('photo.jpg')
const { display, palette } = pixelate(img, { width: 64, palette: 'sweetie-16', scale: 8 })
await saveImage(display, 'photo-pixel.png')

想要编辑结果?

这些工具能为你生成干净的初始像素网格;手动修整才是乐趣所在。你可以在 SimplePixelArt 中打开 PNG。这是一款免费的在线 像素画编辑器,提供图层、动画和图块集工具;也可以试试其基于浏览器的 像素画转换器,进行实时调整。无需账户。

开发

npm install
npm test        # starts the server over stdio and calls every tool

许可证

MIT © Comficker

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。