mcpField
@
@cloudwerxlab/gpt-image-1-mcp

@cloudwerxlab/gpt-image-1-mcp

ローカル
cloudwerx.devメディア・デザイン1877 週間前に更新

@cloudwerxlab/gpt-image-1-mcp について

@cloudwerxlab/gpt-image-1-mcpは、OpenAIのgpt-image-1で画像を生成・編集するMCPサーバーです。画像をローカルに保存し、パスや使用量の情報を返します。

主な機能

  1. 01プロンプトから画像を生成
  2. 02プロンプトと任意のマスクで画像を編集
  3. 03編集時に画像ファイルパスを指定
  4. 04出力先ディレクトリを設定して保存
  5. 05画像パスとトークン使用量を返却

活用シーン

  1. 01MCPクライアントで説明文から画像を作成
  2. 02プロンプトとマスクで画像を修正
  3. 03生成画像を指定フォルダーに保存

MCP 対応

MCPクライアントにcreate_imageとcreate_image_editツールを提供します。gpt-image-1を利用できるOpenAI APIキーが必要です。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"gpt-image-1": {
"command": "npx",
"args": [
"-y",
"@cloudwerxlab/gpt-image-1-mcp"
]
}
}
}
起動コマンドnpx -y @cloudwerxlab/gpt-image-1-mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@cloudwerxlab/gpt-image-1-mcp

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

GPT Image 1 MCP ロゴ

@cloudwerxlab/gpt-image-1-mcp

npm バージョン npm ダウンロード数 ライセンス Node.js バージョン ウェブサイト

OpenAI の gpt-image-1 モデルを使用して画像を生成・編集するための Model Context Protocol(MCP)サーバーです。

OpenAI GPT-Image-1 MCP 互換

🚀 クイックスタート

NPX 対応

インストールせずに、NPX を使ってこの MCP サーバーを直接実行できます。npm で見る。

npx -y @cloudwerxlab/gpt-image-1-mcp

-y フラグを指定すると、インストール中に表示される可能性のあるプロンプトに自動的に「yes」と回答します。

📋 前提条件
Node.js v14 以降

Node.js(v14 以降)

OpenAI API キー

gpt-image-1 を利用できる OpenAI API キー

🔑 環境変数
変数必須説明
OPENAI_API_KEY✅ はいgpt-image-1 モデルを利用できる OpenAI API キー
GPT_IMAGE_OUTPUT_DIR❌ いいえ生成した画像を保存するカスタムディレクトリ(デフォルトでは、ユーザーの Pictures フォルダー内の gpt-image-1 サブフォルダーに保存)
💻 NPX を使った実行例
オペレーティングシステムコマンドラインの例
Linux/macOS
# Set your OpenAI API key
export OPENAI_API_KEY=sk-your-openai-api-key

# Optional: Set custom output directory
export GPT_IMAGE_OUTPUT_DIR=/home/username/Pictures/ai-generated-images

# Run the server with NPX
npx -y @cloudwerxlab/gpt-image-1-mcp
Windows(PowerShell)
# Set your OpenAI API key
$env:OPENAI_API_KEY = "sk-your-openai-api-key"

# Optional: Set custom output directory
$env:GPT_IMAGE_OUTPUT_DIR = "C:\Users\username\Pictures\ai-generated-images"

# Run the server with NPX
npx -y @cloudwerxlab/gpt-image-1-mcp
Windows(コマンドプロンプト)
:: Set your OpenAI API key
set OPENAI_API_KEY=sk-your-openai-api-key

:: Optional: Set custom output directory
set GPT_IMAGE_OUTPUT_DIR=C:\Users\username\Pictures\ai-generated-images

:: Run the server with NPX
npx -y @cloudwerxlab/gpt-image-1-mcp

🔌 MCP クライアントとの統合

VS Code MCP 拡張機能 Roo 互換 Cursor 互換 Augment 互換 Windsurf 互換
### 🛠️ MCP クライアントでのセットアップ
ステップ 1:設定ファイルの場所を確認
  • Roo の場合:c:\Users\<username>\AppData\Roaming\Code\User\globalStorage\rooveterinaryinc.roo-cline\settings\mcp_settings.json
  • VS Code MCP Extension の場合:設定ファイルの場所については、拡張機能のドキュメントを確認してください
  • Cursor の場合:~/.config/cursor/mcp_settings.json(Linux/macOS)または %APPDATA%\Cursor\mcp_settings.json(Windows)
  • Augment の場合:~/.config/augment/mcp_settings.json(Linux/macOS)または %APPDATA%\Augment\mcp_settings.json(Windows)
  • Windsurf の場合:~/.config/windsurf/mcp_settings.json(Linux/macOS)または %APPDATA%\Windsurf\mcp_settings.json(Windows)
ステップ 2:設定を追加

次の設定を mcpServers オブジェクトに追加します:

{
  "mcpServers": {
    "gpt-image-1": {
      "command": "npx",
      "args": [
        "-y",
        "@cloudwerxlab/gpt-image-1-mcp"
      ],
      "env": {
        "OPENAI_API_KEY": "PASTE YOUR OPEN-AI KEY HERE",
        "GPT_IMAGE_OUTPUT_DIR": "OPTIONAL: PATH TO SAVE GENERATED IMAGES"
      }
    }
  }
}
各オペレーティングシステム向けの設定例
オペレーティングシステム設定例
Windows
{
  "mcpServers": {
    "gpt-image-1": {
      "command": "npx",
      "args": ["-y", "@cloudwerxlab/gpt-image-1-mcp"],
      "env": {
        "OPENAI_API_KEY": "sk-your-openai-api-key",
        "GPT_IMAGE_OUTPUT_DIR": "C:\\Users\\username\\Pictures\\ai-generated-images"
      }
    }
  }
}
Linux/macOS
{
  "mcpServers": {
    "gpt-image-1": {
      "command": "npx",
      "args": ["-y", "@cloudwerxlab/gpt-image-1-mcp"],
      "env": {
        "OPENAI_API_KEY": "sk-your-openai-api-key",
        "GPT_IMAGE_OUTPUT_DIR": "/home/username/Pictures/ai-generated-images"
      }
    }
  }
}

注:Windows のパスでは、JSON 内でバックスラッシュ文字をエスケープするために、バックスラッシュを 2 つ(\\)使用してください。Linux/macOS ではスラッシュ(/)を使用してください。

✨ 機能

🎨 コアツール
  • create_image:テキストプロンプトから新しい画像を生成します
  • create_image_edit:テキストプロンプトとマスクを使って既存の画像を編集します
🚀 主なメリット
  • MCP クライアントと簡単に連携できます
  • OpenAI の gpt-image-1 の機能をすべて利用できます
  • AI 画像生成のワークフローを効率化できます
💡 強化された機能
📊 出力とフォーマット
  • ✅ 見やすく整形された出力:絵文字と詳細情報を含む応答が返されます
  • ✅ 画像の自動保存:生成されたすべての画像がディスクに保存され、簡単にアクセスできます
  • ✅ 詳細なトークン使用量:リクエストごとのトークン消費量を確認できます
⚙️ 設定と処理
  • ✅ 出力ディレクトリの設定:画像の保存先をカスタマイズできます
  • ✅ ファイルパスのサポート:base64 エンコーディングの代わりにファイルパスを使用して画像を編集できます
  • ✅ 包括的なエラー処理:エラーコード、説明、トラブルシューティングの提案を含む詳細なエラー報告を提供します
## 🔄 動作の仕組み
🖼️ 画像生成✏️ 画像編集
  1. サーバーがプロンプトとパラメーターを受け取ります
  2. gpt-image-1 モデルを使用して OpenAI API を呼び出します
  3. API が base64 エンコードされた画像を返します
  4. サーバーが設定されたディレクトリに画像を保存します
  5. パスとメタデータを含む、書式設定された応答を返します
  1. サーバーが画像、プロンプト、任意のマスクを受け取ります
  2. ファイルパスが指定されている場合、ファイルを読み込んで API 用に準備します
  3. 適切な MIME 処理のため、直接 curl コマンドを使用します
  4. API が base64 エンコードされた編集済み画像を返します
  5. サーバーが設定されたディレクトリに画像を保存します
  6. パスとメタデータを含む、書式設定された応答を返します
📁 出力ディレクトリの動作
📂 保存場所
  • 🔹 デフォルトの場所:ユーザーの「ピクチャ」フォルダー内にある gpt-image-1 サブフォルダー(例:Windows の場合は C:\Users\username\Pictures\gpt-image-1)
  • 🔹 カスタムの場所:GPT_IMAGE_OUTPUT_DIR 環境変数で設定します
  • 🔹 代替の場所:「ピクチャ」フォルダーを特定できない場合は ./generated-images
🗂️ ファイル管理
  • 🔹 ディレクトリの作成:出力ディレクトリが存在しない場合、自動的に作成します
  • 🔹 ファイル名:タイムスタンプ付きのファイル名で画像を保存します(例:image-2023-05-05T12-34-56-789Z.png)
  • 🔹 クロスプラットフォーム対応:「ピクチャ」フォルダーを適切に検出し、Windows、macOS、Linux で動作します

インストールと使用方法

NPM パッケージ

このパッケージは npm で入手できます: @cloudwerxlab/gpt-image-1-mcp

グローバルにインストールできます:

npm install -g @cloudwerxlab/gpt-image-1-mcp

または、「クイックスタート」セクションに記載のとおり、npx で直接実行できます。

ツール:create_image

テキストプロンプトに基づいて新しい画像を生成します。

パラメーター
パラメーター型必須説明
promptstringはい生成する画像のテキストによる説明(最大 32,000 文字)
sizestringいいえ画像サイズ:「1024x1024」(デフォルト)、「1536x1024」、または「1024x1536」
qualitystringいいえ画像品質:「high」(デフォルト)、「medium」、または「low」
nintegerいいえ生成する画像の数(1~10、デフォルト:1)
backgroundstringいいえ背景スタイル:「transparent」、「opaque」、または「auto」(デフォルト)
output_formatstringいいえ出力形式:「png」(デフォルト)、「jpeg」、または「webp」
output_compressionintegerいいえ圧縮レベル(0~100、デフォルト:0)
userstringいいえOpenAI の利用状況を追跡するためのユーザー識別子
moderationstringいいえモデレーションレベル:「low」または「auto」(デフォルト)
例
<use_mcp_tool>
<server_name>gpt-image-1</server_name>
<tool_name>create_image</tool_name>
<arguments>
{
  "prompt": "A futuristic city skyline at sunset, digital art",
  "size": "1024x1024",
  "quality": "high",
  "n": 1,
  "background": "auto"
}
</arguments>
</use_mcp_tool>
応答

このツールは次の内容を返します:

  • 生成した画像に関する詳細を含む、書式設定されたテキストメッセージ
  • base64 エンコードされた画像データ
  • トークン使用量やファイルパスなどのメタデータ
ツール:create_image_edit

テキストプロンプトと任意のマスクに基づいて、既存の画像を編集します。

パラメーター
パラメーター型必須説明
imagestring、object、または arrayはい編集する画像(base64 文字列またはファイルパスオブジェクト)
promptstringはい希望する編集内容のテキスト説明(最大 32,000 文字)
maskstring または objectいいえ編集領域を定義するマスク(base64 文字列またはファイルパスオブジェクト)
sizestringいいえ画像サイズ:「1024x1024」(デフォルト)、「1536x1024」、または「1024x1536」
qualitystringいいえ画像品質:「high」(デフォルト)、「medium」、または「low」
nintegerいいえ生成する画像の数(1~10、デフォルト:1)
backgroundstringいいえ背景スタイル:「transparent」、「opaque」、または「auto」(デフォルト)
userstringいいえOpenAI の使用状況追跡用ユーザー識別子
Base64 エンコード画像を使用した例
<use_mcp_tool>
<server_name>gpt-image-1</server_name>
<tool_name>create_image_edit</tool_name>
<arguments>
{
  "image": "BASE64_ENCODED_IMAGE_STRING",
  "prompt": "Add a small robot in the corner",
  "mask": "BASE64_ENCODED_MASK_STRING",
  "quality": "high"
}
</arguments>
</use_mcp_tool>
ファイルパスを使用した例
<use_mcp_tool>
<server_name>gpt-image-1</server_name>
<tool_name>create_image_edit</tool_name>
<arguments>
{
  "image": {
    "filePath": "C:/path/to/your/image.png"
  },
  "prompt": "Add a small robot in the corner",
  "mask": {
    "filePath": "C:/path/to/your/mask.png"
  },
  "quality": "high"
}
</arguments>
</use_mcp_tool>
応答

ツールは以下を返します。

  • 編集した画像の詳細を含む書式設定済みのテキストメッセージ
  • base64 エンコードされたデータとしての編集済み画像
  • トークン使用量やファイルパスなどのメタデータ

🔧 トラブルシューティング

利用可能なサポート
🚨 よくある問題
問題解決策
🖼️ MIME タイプのエラー

画像形式または MIME タイプの処理に関するエラー

画像ファイルの拡張子(.png、.jpg など)が実際の形式と一致していることを確認してください。サーバーはファイル拡張子を使用して MIME タイプを判定します。

🔑 API キーの問題

OpenAI API の認証エラー

OpenAI API キーが正しく、gpt-image-1 モデルへのアクセス権があることを確認してください。誤って含まれた可能性のある空白や特殊文字がないか確認してください。

🛠️ ビルドエラー

ソースからビルドする際の問題

適切な TypeScript バージョン(v5.3.3 または互換バージョン)がインストールされており、tsconfig.json が正しく設定されていることを確認してください。npm install を実行して、すべての依存関係がインストールされていることを確認してください。

📁 出力ディレクトリの問題

生成した画像の保存に関する問題

プロセスに設定済みの出力ディレクトリへの書き込み権限があるか確認してください。相対パスが機能しない場合は、GPT_IMAGE_OUTPUT_DIR に絶対パスを指定してみてください。

🔍 エラー処理と報告

MCP サーバーには包括的なエラー処理が含まれており、問題が発生した際に詳細な情報を提供します。エラーが発生すると:

  1. エラー形式:すべてのエラーには以下が含まれます。

    • 問題の内容を説明する明確なエラーメッセージ
    • エラーコードまたはエラータイプ
    • 入手可能な場合は、エラーに関する追加のコンテキスト
  2. AI アシスタントの動作:この MCP サーバーを AI アシスタントと併用する場合:

    • AI はトラブルシューティングに役立つよう、エラーメッセージ全体を必ず報告します
    • AI はエラーの考えられる原因を平易な言葉で説明します
    • AI は問題を解決するための具体的な手順を提案します

📄 ライセンス

MIT License

このプロジェクトはMITライセンスのもとでライセンスされています。詳細についてはLICENSEファイルをご覧ください。

ライセンスの概要

MITライセンスは、簡潔で要点を押さえた寛容なライセンスです。適切なクレジット表記を行い、保証なしであれば、誰でもこのコードを自由に利用できます。

次のことが自由にできます:

  • ソフトウェアを商用利用する
  • ソフトウェアを改変する
  • ソフトウェアを配布する
  • ソフトウェアを非公開で利用・改変する

ただし、次の条件に従う必要があります:

  • 作品のすべてのコピーまたは実質的な利用に、元の著作権表示とライセンス表示を含める

制限事項:

  • 作者はソフトウェアを無保証で提供し、いかなる損害についても責任を負いません

🙏 謝辞

❤️ を込めて開発:CLOUDWERX

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。