Integrazione del Server MCP per Webflow

Cosa fa il Server MCP “Webflow”?

Il Webflow MCP Server è un livello di integrazione che consente agli assistenti AI, come Claude, di interagire con le API di Webflow. Collegando i modelli AI a Webflow, questo server permette a sviluppatori e strumenti AI di accedere, interrogare e manipolare i dati dei siti Webflow in modo programmabile. Le funzionalità chiave includono il recupero di informazioni dettagliate sui siti Webflow, come nomi, ID, domini, impostazioni di localizzazione e altro ancora. Questo migliora i flussi di lavoro di sviluppo abilitando la gestione automatizzata dei siti, l’analisi dei dati e interazioni contestuali direttamente dalle piattaforme AI, facilitando l’integrazione delle risorse Webflow in toolchain e pipeline di automazione più ampie.

Elenco dei Prompt

Nessun template di prompt è menzionato nel repository.

Elenco delle Risorse

Nessuna risorsa esplicita è elencata nella documentazione o nel codice disponibile.

Elenco degli Strumenti

• get_sites

  • Recupera un elenco di tutti i siti Webflow accessibili all’utente autenticato. Restituisce dettagli come nome visualizzato, nome breve, ID sito e workspace, date di creazione e aggiornamento, URL di anteprima, fuso orario, domini personalizzati, impostazioni di localizzazione e preferenze di raccolta dati.

• get_site

  • Recupera informazioni dettagliate su un sito Webflow specifico, identificato dal suo siteId. Restituisce lo stesso insieme di dettagli di get_sites ma per un singolo sito.

Casi d’Uso di questo MCP Server

• Scoperta Siti Webflow
  • Sviluppatori o agenti AI possono elencare rapidamente tutti i siti Webflow associati a un account, semplificando la gestione di più progetti web.
• Gestione Automatica dei Siti
  • Recupera e monitora i metadati (come date di pubblicazione, domini personalizzati e lingue) per uno o più siti Webflow, consentendo attività amministrative semplificate.
• Interazioni AI Contestuali
  • Gli assistenti AI possono prelevare informazioni dettagliate sui siti per rispondere alle richieste degli utenti o guidare flussi di automazione in base alle configurazioni attuali del sito.
• Integrazione con Pipeline CI/CD
  • Utilizza le informazioni sui siti come parte di workflow automatizzati di deploy, pubblicazione o analisi nelle pipeline di sviluppo più ampie.

Come configurarlo

Windsurf

Nessuna istruzione specifica per Windsurf è fornita nel repository.

Claude

1. Prerequisiti
   • Assicurati che Node.js (v16+) sia installato.
   • Installa l’app desktop di Claude.
   • Ottieni un Webflow API Token.
2. Installa le dipendenze
   • Esegui: npm install
3. Configura le Variabili d’Ambiente
   • Crea un file .env con il seguente contenuto:

     WEBFLOW_API_TOKEN=your-api-token
     

4. Configura Claude Desktop
   • Apri il file di configurazione di Claude:
     • Per MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Per Windows: %AppData%\Claude\claude_desktop_config.json
   • Aggiungi/aggiorna:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/PERCORSO/ASSOLUTO/AL TUO/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "your-api-token"
                 }
             }
         }
     }
     

   • Salva e riavvia Claude Desktop.

Protezione delle API Key (esempio env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/PERCORSO/ASSOLUTO/AL TUO/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "your-api-token"
            }
        }
    }
}

Cursor

Nessuna istruzione specifica per Cursor è fornita nel repository.

Cline

Nessuna istruzione specifica per Cline è fornita nel repository.

Installazione tramite Smithery

• Esegui:

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

Come usare questo MCP nei flussi

Utilizzo di MCP in FlowHunt

Per integrare i server MCP nel tuo workflow FlowHunt, inizia aggiungendo il componente MCP al tuo flusso e collegandolo al tuo agente AI:

Clicca sul componente MCP per aprire il pannello di configurazione. Nella sezione di configurazione MCP di sistema, inserisci i dettagli del tuo server MCP usando questo formato JSON:

{
  "webflow": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

Una volta configurato, l’agente AI è ora in grado di utilizzare questo MCP come strumento con accesso a tutte le sue funzioni e capacità. Ricorda di cambiare “webflow” con il vero nome del tuo server MCP e di sostituire l’URL con quello del tuo server MCP.

Panoramica

Sulla base delle due tabelle, il Webflow MCP Server offre strumenti chiari e utili per l’integrazione Webflow/AI, ma manca di template prompt, definizioni di risorse e supporto esplicito per roots o sampling. La configurazione e la documentazione sono solide per Claude, mentre per le altre piattaforme non sono documentate.

MCP Score