Integración del Servidor MCP de Webflow

¿Qué hace el Servidor MCP de “Webflow”?

El Servidor MCP de Webflow es una capa de integración que permite que asistentes de IA, como Claude, interactúen con las API de Webflow. Al conectar modelos de IA con Webflow, este servidor permite a desarrolladores y herramientas potenciadas por IA acceder, consultar y manipular datos de sitios Webflow de forma programática. Sus características principales incluyen la obtención de información detallada sobre sitios Webflow, como nombres de sitios, IDs, dominios, configuraciones de localización y más. Esto potencia los flujos de desarrollo al permitir la gestión automatizada de sitios, análisis de datos e interacciones contextuales directamente desde plataformas de IA, facilitando a los equipos integrar los recursos de Webflow en sus cadenas de herramientas y pipelines de automatización.

Lista de Prompts

No se mencionan plantillas de prompts en el repositorio.

Lista de Recursos

No se listan recursos explícitos en la documentación o el código disponible.

Lista de Herramientas

• get_sites

  • Recupera una lista de todos los sitios Webflow accesibles para el usuario autenticado. Devuelve detalles como nombre para mostrar, nombre corto, IDs de sitio y espacio de trabajo, fechas de creación y actualización, URL de previsualización, zona horaria, dominios personalizados, configuraciones de localización y preferencias de recopilación de datos.

• get_site

  • Recupera información detallada sobre un sitio Webflow específico, identificado por su siteId. Devuelve el mismo conjunto de información detallada que get_sites pero para un solo sitio.

Casos de Uso de este Servidor MCP

• Descubrimiento de Sitios Webflow
  • Desarrolladores o agentes de IA pueden listar rápidamente todos los sitios Webflow asociados a una cuenta, facilitando la gestión de múltiples proyectos web.
• Gestión Automatizada de Sitios
  • Obtener y monitorizar metadatos (como fechas de publicación, dominios personalizados y configuraciones de idioma) para uno o varios sitios Webflow, permitiendo tareas administrativas más ágiles.
• Interacciones Contextuales de IA
  • Asistentes de IA pueden obtener información detallada del sitio para responder consultas de usuarios o accionar flujos de automatización basados en la configuración actual del sitio.
• Integración con Pipelines CI/CD
  • Utilizar la información del sitio como parte de procesos automatizados de despliegue, publicación o análisis en pipelines de desarrollo más amplios.

Cómo configurarlo

Windsurf

No se proporcionan instrucciones específicas para Windsurf en el repositorio.

Claude

1. Requisitos previos
   • Asegúrate de tener instalado Node.js (v16+).
   • Tener instalada la App de Escritorio de Claude.
   • Obtener un Token de API de Webflow.
2. Instalar dependencias
   • Ejecuta: npm install
3. Configurar Variables de Entorno
   • Crea un archivo .env con el siguiente contenido:

     WEBFLOW_API_TOKEN=tu-api-token
     

4. Configurar Claude Desktop
   • Abre el archivo de configuración de Claude:
     • Para MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Para Windows: %AppData%\Claude\claude_desktop_config.json
   • Añade/actualiza:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/RUTA/ABSOLUTA/A/TU/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "tu-api-token"
                 }
             }
         }
     }
     

   • Guarda y reinicia Claude Desktop.

Asegurar Claves API (ejemplo env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/RUTA/ABSOLUTA/A/TU/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "tu-api-token"
            }
        }
    }
}

Cursor

No se proporcionan instrucciones específicas para Cursor en el repositorio.

Cline

No se proporcionan instrucciones específicas para Cline en el repositorio.

Instalación vía Smithery

• Ejecuta:

  npx -y @smithery/cli install @kapilduraphe/webflow-mcp-server --client claude
  

Cómo usar este MCP dentro de los flujos

Uso de MCP en FlowHunt

Para integrar servidores MCP en tu flujo de trabajo en FlowHunt, comienza agregando el componente MCP a tu flujo y conectándolo a tu agente de IA:

Haz clic en el componente MCP para abrir el panel de configuración. En la sección de configuración del sistema MCP, inserta los detalles de tu servidor MCP usando este formato JSON:

{
  "webflow": {
    "transport": "streamable_http",
    "url": "https://tuservidormcp.ejemplo/rutadelmcp/url"
  }
}

Una vez configurado, el agente de IA podrá usar este MCP como herramienta con acceso a todas sus funciones y capacidades. Recuerda cambiar “webflow” por el nombre real de tu servidor MCP y reemplazar la URL por la de tu propio servidor MCP.

Descripción General

Con base en ambas tablas, el Servidor MCP de Webflow provee herramientas claras y útiles para la integración Webflow/IA, pero carece de plantillas de prompts, definiciones de recursos y soporte explícito para roots o muestreo. La configuración y documentación son sólidas para Claude, pero otras plataformas no están documentadas.

Puntuación MCP