MCP イメージプレースホルダーサーバー
これは、さまざまなプロバイダーからのプレースホルダー イメージを生成するためのツールを提供するモデル コンテキスト プロトコル (MCP) サーバーです。
特徴
- サポートされているプロバイダーからプレースホルダー画像を生成します
- 2 つの画像プロバイダーをサポートします:
- 入力パラメータを検証する
- すぐに使用できる画像の URL を返します
要件
- Python 3.9以上
uv
パッケージマネージャー
インストール
- このリポジトリをクローンする
- MCPサーバーの構成を設定する
使用法
サーバーは 1 つのツールを公開します:
image_placeholder
指定されたパラメータに基づいてプレースホルダー画像 URL を生成します。
パラメータ:
provider
: 使用する画像プロバイダー ( placehold
またはlorem-picsum
)width
: 画像の幅(1-10000)height
: 画像の高さ(1-10000)
戻り値:
使用例:
# 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

出力:出力例 (カーソル)
ライセンス
MITライセンス