Image Editor

画像を編集するMCPサーバー

typescript

1

GitHub Stars

typescript

Language

6 months ago

First Indexed

2 months ago

Catalog Refreshed

Documentation & install

Readme and setup notes from the catalogue, plus a client-ready config you can copy for your MCP host.

Installation

Add the following to your MCP client configuration file.

Configuration

View docs

{
  "mcpServers": {
    "kentakki416-image-editor-mcp-server": {
      "command": "node",
      "args": [
        "/Users/your-username/path/to/image-editor-mcp/build/index.js",
        "/Users/your-username/Pictures/Editing"
      ]
    }
  }
}

ImageEditorMCPServer is a TypeScript-based MCP server that enables image editing operations such as brightness adjustment, cropping, and compression. It can be integrated with MCP clients to automate image processing workflows and extend capabilities for multimedia pipelines.

How to use

Use this MCP server with an MCP client by running it locally or remotely and sending structured edit requests. The server exposes image editing capabilities that can be invoked via prompts or programmatic calls, allowing you to adjust brightness, crop within a fixed aspect ratio, and compress images as part of automated pipelines.

How to install

Prerequisites: Node.js and npm must be installed on your machine.

Clone or download this MCP server repository if applicable and navigate to the project directory.
Install dependencies and build the server.

npm install
npm run build

Additional sections

Configuration and runtime details are provided for integrating the server with Claude for Desktop. After building, update the Claude configuration to point to the local build and the image directory you want to edit. The sample configuration shows how to pass the node runtime, the built index.js, and the target image directory.

Build and start sequence shown in the README:

npm install
npm run build

Claude for Desktop configuration example (replace YOUR paths with real paths):

{
  "mcpServers": {
    "image-editor": {
      "command": "node",
      "args": [
        "/Users/your-username/path/to/image-editor-mcp/build/index.js",
        "/Users/your-username/Pictures/Editing"
      ]
    }
  }
}

Notes and prompts for usage

Examples of user prompts to perform edits once the server is running and hooked to an MCP client/JIT runner are provided in the README. These prompts illustrate how to request brightness adjustments, cropping with a specified origin and size, and image compression quality targets.

Examples from the README illustrate the following operations:

Brightness adjustment for a specific image file in a folder:

「(image folder path)/sample.jpg の明るさを1.5倍にして」

Cropping a region from an image while preserving aspect ratio:

「(image folder path)/trip-photo.pngを、左上(100, 50)から幅400、高さ300でトリミングして」

Compressing an image to a specific quality:

「(image folder path)にあるlarge-image.jpgを品質75で圧縮してください」