MCP Image Placeholder Server

local-only server

The server can only run on the client’s local machine because it depends on local resources.

Integrations

  • Referenced in an example usage where tailwindcss is loaded from unpkg.com for creating a modern page with a photo gallery

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

これは、さまざまなプロバイダーからのプレースホルダー イメージを生成するためのツールを提供するモデル コンテキスト プロトコル (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を再起動

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

  1. カーソル設定を開く
  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

使用例と出力(カーソル)

プロンプト:

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ライセンス

You must be authenticated.

A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

このサーバーは、さまざまなプロバイダーからのプレースホルダー画像 URL を生成し、入力の検証と、Claude や Cursor などのデスクトップ アプリケーションとの統合をサポートします。

  1. Features
    1. Requirements
      1. Installation
        1. Usage
          1. image_placeholder
        2. Configuration
          1. To connect this server to Claude for Desktop:
          2. To connect this server to Cursor:
        3. Troubleshooting
          1. Example Usage and Output (Cursor)
            1. License
              ID: pye2qsv1wz