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

Servidor de marcador de posición de imagen MCP

Este es un servidor de Protocolo de Contexto de Modelo (MCP) que proporciona una herramienta para generar imágenes de marcador de posición de diferentes proveedores.

Características

  • Genera imágenes de marcador de posición de proveedores compatibles
  • Admite dos proveedores de imágenes:
    • placehold : proporciona imágenes de marcador de posición simples
    • lorem-picsum : proporciona imágenes reales como imágenes de marcador de posición
  • Valida los parámetros de entrada
  • Devuelve URL de imágenes para uso inmediato

Requisitos

  • Python 3.9+
  • administrador de paquetes uv

Instalación

  1. Clonar este repositorio
  2. Configurar la configuración para el servidor MCP

Uso

El servidor expone una herramienta:

image_placeholder

Generar una URL de imagen de marcador de posición basada en parámetros especificados.

Parámetros:

  • provider : El proveedor de imágenes a utilizar ( placehold o lorem-picsum )
  • width : El ancho de la imagen (1-10000)
  • height : La altura de la imagen (1-10000)

Devoluciones:

  • Cadena URL de la imagen generada

Ejemplo de uso:

# 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)

Configuración

Para conectar este servidor a Claude for Desktop:

  1. Agregue lo siguiente a su claude_desktop_config.json :
    { "mcpServers": { "image-placeholder": { "command": "uv", "args": [ "--directory", "/ABSOLUTE/PATH/TO/PROJECT", "run", "main.py" ] } } }
  2. Reiniciar Claude para escritorio

Para conectar este servidor a Cursor:

  1. Abrir configuración del cursor
  2. Dirígete a la sección Features
  3. Desplácese hacia abajo hasta la sección MCP Servers
  4. Haga clic en el botón Add new MCP server
  5. Introduzca la siguiente información:
    • Nombre: image-placeholder
    • Tipo: command
    • URL del servidor: uv --directory /ABSOLUTE/PATH/TO/PROJECT run main.py
  6. Haga clic en el botón Add ↵

Solución de problemas

Si no se detecta la herramienta, utilice la ruta absoluta del comando uv , por ejemplo

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

Ejemplo de uso y salida (cursor)

Inmediato:

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

Salida: Ejemplo de salida (cursor)

Licencia

Licencia MIT

You must be authenticated.

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

Este servidor genera URL de imágenes de marcador de posición de varios proveedores, lo que admite la validación de entrada y la integración con aplicaciones de escritorio como Claude y 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