MCP Image Placeholder Server

MCP Image Placeholder サーバー

これは、さまざまなプロバイダーからプレースホルダー画像を生成するツールを提供する Model Context Protocol（MCP）サーバーです。

機能

• 対応プロバイダーからプレースホルダー画像を生成します
• 2 つの画像プロバイダーに対応しています：
  • placehold：シンプルなプレースホルダー画像を提供します
  • lorem-picsum：プレースホルダー画像として実際の画像を提供します
• 入力パラメーターを検証します
• すぐに使用できる画像 URL を返します

要件

• Python 3.9+
• uv パッケージマネージャー

インストール

1. このリポジトリをクローンします
2. MCP サーバーの設定を行います

使用方法

サーバーは 1 つのツールを公開します：

image_placeholder

指定したパラメーターに基づいて、プレースホルダー画像の URL を生成します。

パラメーター：

• provider：使用する画像プロバイダー（placehold または lorem-picsum）
• width：画像の幅（1-10000）
• height：画像の高さ（1-10000）

戻り値：

• 生成された画像の URL 文字列

使用例：

# Generate a 300x200 placeholder image
url = image_placeholder(provider="placehold", width=300, height=200)

# Generate a 500px square lorem-picsum image
url = image_placeholder(provider="lorem-picsum", width=500)

設定

このサーバーを Claude for Desktop に接続するには：

1. claude_desktop_config.json に以下を追加します：

   {
       "mcpServers": {
           "image-placeholder": {
               "command": "uv",
               "args": [
                   "--directory",
                   "/ABSOLUTE/PATH/TO/PROJECT",
                   "run",
                   "main.py"
               ]
           }
       }
   }
   

2. Claude for Desktop を再起動します

このサーバーを Cursor に接続するには：

1. Cursor Settings を開きます
2. Features セクションに移動します
3. MCP Servers セクションまでスクロールします
4. Add new MCP server ボタンをクリックします
5. 以下の情報を入力します：
   • 名前：image-placeholder
   • 種類：command
   • サーバー URL：uv --directory /ABSOLUTE/PATH/TO/PROJECT run main.py
6. Add ↵ ボタンをクリックします

トラブルシューティング

ツールが検出されない場合は、uv コマンドの絶対パスを使用してください。例：

/ABSOLUTE/PATH/TO/uv --directory /ABSOLUTE/PATH/TO/PROJECT run main.py

使用例と出力（Cursor）

プロンプト：

Create a new directory named "example" and a file named output.html.

Then create a single modern looking page using tailwindcss: https://unpkg.com/@tailwindcss/browser@4

Show a nice header, content, and footer, showing a photo gallery.

Save this into output.html

出力： 使用例の出力（Cursor）

ライセンス

MIT ライセンス