Integração do Servidor MCP Webflow

O que faz o Servidor MCP “Webflow”?

O Servidor MCP Webflow é uma camada de integração que permite que assistentes de IA, como o Claude, interajam com as APIs do Webflow. Ao conectar modelos de IA ao Webflow, este servidor permite que desenvolvedores e ferramentas com tecnologia de IA acessem, consultem e manipulem dados de sites Webflow programaticamente. Os principais recursos incluem a obtenção de informações detalhadas sobre sites Webflow, como nomes dos sites, IDs, domínios, configurações de localização e muito mais. Isso aprimora os fluxos de trabalho de desenvolvimento, permitindo gerenciamento automatizado de sites, análise de dados e interações contextuais diretamente de plataformas de IA, facilitando para as equipes a integração dos recursos do Webflow em suas cadeias de ferramentas e pipelines de automação.

Lista de Prompts

Nenhum template de prompt é mencionado no repositório.

Lista de Recursos

Nenhum recurso explícito está listado na documentação ou no código disponível.

Lista de Ferramentas

• get_sites

  • Recupera uma lista de todos os sites Webflow acessíveis ao usuário autenticado. Retorna detalhes como nome de exibição, nome curto, IDs do site e workspace, datas de criação e atualização, URL de visualização, fuso horário, domínios personalizados, configurações de localização e preferências de coleta de dados.

• get_site

  • Recupera informações detalhadas sobre um site Webflow específico, identificado por seu siteId. Retorna o mesmo conjunto de informações detalhadas que get_sites, mas para um único site.

Casos de Uso deste Servidor MCP

• Descoberta de Sites Webflow
  • Desenvolvedores ou agentes de IA podem rapidamente listar todos os sites Webflow associados a uma conta, facilitando o gerenciamento de múltiplos projetos web.
• Gerenciamento Automatizado de Sites
  • Recupere e monitore metadados (como datas de publicação, domínios personalizados e locais) de um ou mais sites Webflow, permitindo tarefas administrativas simplificadas.
• Interações Contextuais de IA
  • Assistentes de IA podem buscar informações detalhadas dos sites para responder consultas de usuários ou conduzir fluxos de automação baseados nas configurações atuais do site.
• Integração com Pipelines CI/CD
  • Use informações dos sites como parte de fluxos de trabalho automáticos de implantação, publicação ou análise em pipelines de desenvolvimento mais amplos.

Como configurar

Windsurf

Nenhuma instrução específica para Windsurf é fornecida no repositório.

Claude

1. Pré-requisitos
   • Certifique-se de que o Node.js (v16+) está instalado.
   • Tenha o Aplicativo Desktop Claude instalado.
   • Obtenha um Token de API do Webflow.
2. Instale as dependências
   • Execute: npm install
3. Configure as Variáveis de Ambiente
   • Crie um arquivo .env com o seguinte conteúdo:

     WEBFLOW_API_TOKEN=seu-token-api
     

4. Configure o Desktop Claude
   • Abra o arquivo de configuração do Claude:
     • Para MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Para Windows: %AppData%\Claude\claude_desktop_config.json
   • Adicione/atualize:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/CAMINHO/ABSOLUTO/PARA/SEU/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "seu-token-api"
                 }
             }
         }
     }
     

   • Salve e reinicie o Desktop Claude.

Protegendo Chaves de API (exemplo de env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/CAMINHO/ABSOLUTO/PARA/SEU/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "seu-token-api"
            }
        }
    }
}

Cursor

Nenhuma instrução específica para Cursor é fornecida no repositório.

Cline

Nenhuma instrução específica para Cline é fornecida no repositório.

Instalando via Smithery

• Execute:

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

Como usar este MCP em fluxos

Usando MCP no FlowHunt

Para integrar servidores MCP ao seu fluxo de trabalho do FlowHunt, comece adicionando o componente MCP ao seu fluxo e conectando-o ao seu agente de IA:

Clique no componente MCP para abrir o painel de configuração. Na seção de configuração do MCP do sistema, insira os detalhes do seu servidor MCP usando este formato JSON:

{
  "webflow": {
    "transport": "streamable_http",
    "url": "https://seumcpserver.exemplo/caminhoparamcp/url"
  }
}

Uma vez configurado, o agente de IA poderá usar este MCP como ferramenta com acesso a todas as suas funções e capacidades. Lembre-se de trocar “webflow” para o nome real do seu servidor MCP e substituir a URL pela URL do seu próprio servidor MCP.

Visão Geral

Com base nas duas tabelas, o Servidor MCP Webflow oferece ferramentas claras e úteis para integração Webflow/IA, mas carece de templates de prompts, definições de recursos e suporte explícito a roots ou amostragem. A configuração e documentação são sólidas para o Claude, mas outras plataformas não possuem documentação.

Pontuação MCP