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) 服务器,它提供了一个从不同提供商生成占位符图像的工具。

特征

  • 从支持的提供商生成占位符图像
  • 支持两种图像提供者:
  • 验证输入参数
  • 返回可立即使用的图像 URL

要求

  • Python 3.9+
  • uv包管理器

安装

  1. 克隆此存储库
  2. 设置 MCP 服务器的配置

用法

服务器公开一个工具:

image_placeholder

根据指定的参数生成占位符图像 URL。

参数:

  • provider :要使用的图像提供者( placeholdlorem-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