MCP Image Placeholder Server

MCP Image Placeholder Server

这个服务器从不同的供应商生成占位图像 URL,支持输入验证,并能与 Claude 和 Cursor 等桌面应用程序集成。

图像与视频处理
开发者工具
访问服务器

Tools

image_placeholder

Generate a placeholder image based on a provider, width, and height. Use this tool to generate a placeholder image for testing or development purposes. Args: provider: The provider to use for the image, must be either `placehold` or `lorem-picsum`. width: The width of the image, must be a positive integer between 1 and 10000. height: The height of the image, must be a positive integer between 1 and 10000.

README

MCP 图片占位符服务器

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

功能

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

要求

  • Python 3.9+
  • uv 包管理器

安装

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

用法

服务器公开一个工具:

image_placeholder

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

参数:

  • provider: 要使用的图片提供商 (placeholdlorem-picsum)
  • width: 图片的宽度 (1-10000)
  • height: 图片的高度 (1-10000)

返回:

  • 生成的图片的 URL 字符串

使用示例:

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

# 生成一个 500px 的正方形 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. 前往 Features 部分
  3. 向下滚动到 MCP Servers 部分
  4. 点击 Add new MCP server 按钮
  5. 输入以下信息:
    • Name: image-placeholder
    • Type: command
    • Server 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

使用示例和输出 (Cursor)

提示:

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

然后使用 tailwindcss 创建一个现代外观的页面:https://unpkg.com/@tailwindcss/browser@4

显示一个漂亮的标题、内容和页脚,展示一个照片库。

将其保存到 output.html 中

Cursor Agent 的屏幕截图

输出: 示例输出 (Cursor)

许可证

MIT 许可证

推荐服务器

Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
MCP Package Docs Server

MCP Package Docs Server

促进大型语言模型高效访问和获取 Go、Python 和 NPM 包的结构化文档,通过多语言支持和性能优化来增强软件开发。

精选
本地
TypeScript
@kazuph/mcp-fetch

@kazuph/mcp-fetch

用于获取网页内容和处理图像的模型上下文协议服务器。这使得 Claude Desktop(或任何 MCP 客户端)能够适当地获取网页内容和处理图像。

精选
本地
JavaScript
Claude Code MCP

Claude Code MCP

一个实现了 Claude Code 作为模型上下文协议(Model Context Protocol, MCP)服务器的方案,它可以通过标准化的 MCP 接口来使用 Claude 的软件工程能力(代码生成、编辑、审查和文件操作)。

精选
本地
JavaScript
@kazuph/mcp-taskmanager

@kazuph/mcp-taskmanager

用于任务管理的模型上下文协议服务器。它允许 Claude Desktop(或任何 MCP 客户端)在基于队列的系统中管理和执行任务。

精选
本地
JavaScript
mermaid-mcp-server

mermaid-mcp-server

一个模型上下文协议 (MCP) 服务器,用于将 Mermaid 图表转换为 PNG 图像。

精选
JavaScript
Jira-Context-MCP

Jira-Context-MCP

MCP 服务器向 AI 编码助手(如 Cursor)提供 Jira 工单信息。

精选
TypeScript
Linear MCP Server

Linear MCP Server

一个模型上下文协议(Model Context Protocol)服务器,它与 Linear 的问题跟踪系统集成,允许大型语言模型(LLM)通过自然语言交互来创建、更新、搜索和评论 Linear 问题。

精选
JavaScript
Sequential Thinking MCP Server

Sequential Thinking MCP Server

这个服务器通过将复杂问题分解为顺序步骤来促进结构化的问题解决,支持修订,并通过完整的 MCP 集成来实现多条解决方案路径。

精选
Python