Image Editor MCP Server

图像编辑器MCPServer

具有以下功能MCP服务器（通过Typescript构建）

1. 图像亮度调整
2. 裁剪图像
3. 压缩图像

🔨 使用手顺（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で圧縮してください」

📚 构筑准备

1️⃣ Building MCP with LLMs访问

https://modelcontextprotocol.io/tutorials/building-mcp-with-llms

2️⃣ llms-full.txt下载

https://modelcontextprotocol.io/llms-full.txt

3️⃣ MCP Typescript SDK or Python SDK repository的，之README.md下载

https://github.com/modelcontextprotocol/typescript-sdk

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.复合功能的动作确认

複合機能の動作確認