ImageEditorMCPServer

以下の機能を備えたMCPサーバー（Typescriptで構築）

画像の明るさ調整
画像のトリミング
画像の圧縮

🔨 使用手順(Claude for Desktopの場合)

1. サーバーをビルド

npm install
npm run build

2. Claude for Desktopの設定して再起動

cloude_desktop_config.jsonに以下を追記して再起動

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

3. 使用プロンプト

画像の明るさを調整する

「（画像フォルダへのパス）にあるsample.jpgの明るさを1.5倍にして」

画像をトリミングする

「（画像フォルダへのパス）のtrip-photo.pngを、左上(100, 50)から幅400、高さ300でトリミングして」

画像を圧縮する

「（画像フォルダへのパス）にあるlarge-image.jpgを品質75で圧縮してください」

📚 構築準備

4️⃣ Google AI StduioでMCPサーバーを構築させる

llm-full.txtとMCP Typescript SDK README.mdをアップロードし、以下のプロンプトを入力する

✍️ 画像編集MCPサーバーを構築するプロンプト

# 実現したいこと
入力された画像を編集するMCPサーバーを作成したい。
コードを作成して、設定方法・使用方法も教えてください。
# 資料の説明
添付したllms-full.txtは、MCPに関する全仕様書である。
MCPのSDKの仕様書READMEも添付したので、参照しながら、作成してください。
# 使用する言語
TypeScriptを使ってMCPサーバーを作成する。
# MCPサーバーの種類
ToolsのMCPサーバーを作成する。
# 機能の詳細
以下の機能を持つMCPサーバーを作成したい。
名前は、image-editor-mcpで。
引数で画像フォルダのパスを指定する。その中の特定の画像ファイルを編集できるようにして。
画像は、バイナリ形式の出力ではなく、JavaScriptの画像編集ライブラリSharpのコマンドを実行することによって実行できるようにしてください。
## 画像の明るさを調整
ユーザーの指示によって、画像の明るくしたり、暗くしたりする。
## 画像のトリミング
指定された範囲にトリミングする。そのとき、比率は保つこと。
## 画像の軽量化（圧縮）
指定されたサイズに圧縮する。

# 補足
jsonファイルには、コメントがあるとエラーが発生するので、コメントは入れないで。

✅ 動作確認

以下の画像は、ImageEditorMCPServerの各機能の動作確認結果を示しています：

1. 画像の明るさ調整

明るさ調整の動作確認

2. 画像のトリミング

トリミングの動作確認

3. 画像の圧縮

圧縮の動作確認

4. 複合機能の動作確認

複合機能の動作確認

This server cannot be installed

security - not tested

license - not found

quality - not tested

How are these scores calculated?

local-only server

The server can only run on the client's local machine because it depends on local resources.

A TypeScript-based MCP server that enables image editing operations including brightness adjustment, cropping, and compression through natural language commands.

Related MCP Servers

language-server-mcp
alexwohletz
A
security
A
license
A
quality
TypeScript-based MCP server designed to enhance code editing experiences by providing features such as hover information, code completion, and diagnostics.
Last updated -
3
24
MIT License
WebPerfect MCP Server
splendasucks
A
security
A
license
A
quality
An intelligent MCP server with a fully automated batch pipeline for web-ready images. Features include noise reduction, auto levels/curves, JPEG artifact removal, 4K resizing, smart sharpening with shadow/highlight enhancement, and advanced WebP conversion.
Last updated -
1
5
JavaScript
MIT License
Edit File Lines MCP Server
oakenai
-
security
A
license
-
quality
A TypeScript-based MCP server that provides tools for making precise line-based edits to text files within allowed directories.
Last updated -
28
TypeScript
MIT License
FastMCP
yamato-snow
-
security
A
license
-
quality
A TypeScript framework for building MCP servers with client session management capabilities, supporting tools definition, authentication, image content, logging, and error handling.
Last updated -
48,104
TypeScript
MIT License

View all related MCP servers

ImageEditorMCPServer