图片占位服务

一个基于MCP协议的图片占位服务,支持从不同提供商生成占位图片,适用于开发和测试场景。

  • by husniadil
  • HTML
  • 本地部署
  • 12 星标
  • 更新于
在 GitHub 查看 husniadil/mcp-image-placeholder

使用说明

MCP图像占位符服务器

这是一个模型上下文协议(MCP)服务器,它提供了一个从不同提供商生成占位符图像的工具。

特性

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

需求

  • Python 3.9+
  • uv 包管理器

安装

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

用法

服务器公开了一个工具:

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许可证