MCP 图像占位符服务器

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

特性

• 根据支持的提供商生成占位符图像
• 支持两个图像提供商：
  • placehold：提供简单的占位符图像
  • lorem-picsum：提供真实的占位符图像
• 验证输入参数
• 返回可立即使用的图像URL

要求

• Python 3.9+
• uv 包管理器

安装

1. 克隆此仓库
2. 设置MCP服务器配置

使用方法

该服务器公开一个工具：

image_placeholder

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

参数：

• provider：要使用的图像提供商（placehold 或 lorem-picsum）
• width：图像宽度（1-10000）
• height：图像高度（1-10000）

返回值：

• 生成图像的URL字符串

示例用法：

# 生成一个300x200的占位符图像
url = image_placeholder(provider="placehold", width=300, height=200)

# 生成一个500像素的正方形lorem-picsum图像
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 for Desktop

将此服务器连接到Cursor：

1. 打开Cursor设置
2. 前往功能部分
3. 滚动到MCP服务器部分
4. 点击添加新MCP服务器按钮
5. 输入以下信息：
   • 名称：image-placeholder
   • 类型：命令
   • 服务器URL：uv --directory /ABSOLUTE/PATH/TO/PROJECT run main.py
6. 点击添加 ↵按钮

故障排除

如果工具未被检测到，请使用uv命令的绝对路径，例如：

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

示例用法和输出（Cursor）

提示：

创建一个名为“example”的新目录和一个名为output.html的文件。

然后使用tailwindcss创建一个现代风格的单页：https://unpkg.com/@tailwindcss/browser@4

显示一个漂亮的标题、内容和页脚，展示一个照片画廊。

将此保存到output.html中

输出： 示例输出（Cursor）

许可证

MIT许可证