MCP イメージプレースホルダーサーバー

これは、さまざまなプロバイダーからのプレースホルダーイメージを生成するためのツールを提供するモデルコンテキストプロトコル (MCP) サーバーです。

特徴

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

Related MCP server: Image-Gen-Server

要件

Python 3.9以上
uvパッケージマネージャー

インストール

このリポジトリをクローンする
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に接続するには:

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

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

デスクトップ版のClaudeを再起動

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

カーソル設定を開く
Featuresセクションへ
MCP Serversセクションまでスクロールします
Add new MCP serverボタンをクリックします。
次の情報を入力してください。
- 名前: image-placeholder
- タイプ: command
- サーバー URL: uv --directory /ABSOLUTE/PATH/TO/PROJECT run main.py
Add ↵ボタンをクリックします

トラブルシューティング

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

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

使用例と出力（カーソル）

プロンプト：

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