Integrare Server MCP Webflow

Ce face Serverul MCP “Webflow”?

Serverul Webflow MCP este un strat de integrare ce permite asistenților AI, precum Claude, să interacționeze cu API-urile Webflow. Conectând modelele AI la Webflow, acest server oferă dezvoltatorilor și instrumentelor AI acces programatic pentru a interoga și manipula datele site-urilor Webflow. Printre funcțiile cheie se numără extragerea de informații detaliate despre site-uri Webflow, precum nume, ID-uri, domenii, setări de localizare și multe altele. Aceasta îmbunătățește fluxurile de dezvoltare prin administrarea automată a site-urilor, analiza datelor și interacțiuni contextuale direct din platformele AI, făcând mai ușoară integrarea resurselor Webflow în lanțuri de instrumente și pipeline-uri automate.

Lista de Prompturi

Nu există template-uri de prompt menționate în depozit.

Lista de Resurse

Nu sunt listate resurse explicite în documentația sau codul disponibil.

Lista de Instrumente

• get_sites

  • Extrage o listă cu toate site-urile Webflow accesibile de utilizatorul autentificat. Returnează detalii precum numele afișat, numele scurt, ID-urile site-ului și workspace-ului, datele de creare și actualizare, URL de previzualizare, fus orar, domenii personalizate, setări de localizare și preferințe de colectare a datelor.

• get_site

  • Extrage informații detaliate despre un anumit site Webflow, identificat prin siteId. Returnează același set de informații detaliate ca get_sites, dar pentru un singur site.

Cazuri de utilizare ale acestui Server MCP

• Descoperire site-uri Webflow
  • Dezvoltatorii sau agenții AI pot lista rapid toate site-urile Webflow asociate unui cont, facilitând administrarea mai multor proiecte web.
• Administrare automată a site-urilor
  • Extrage și monitorizează metadate (precum date de publicare, domenii personalizate și localizări) pentru unul sau mai multe site-uri Webflow, eficientizând sarcinile de administrare.
• Interacțiuni contextuale AI
  • Asistenții AI pot prelua informații detaliate despre site pentru a răspunde la întrebările utilizatorilor sau pentru a declanșa automatizări bazate pe configurațiile actuale ale site-ului.
• Integrare cu pipeline-uri CI/CD
  • Utilizează informațiile despre site ca parte a fluxurilor automate de deployment, publicare sau analiză în pipeline-uri de dezvoltare mai extinse.

Cum se configurează

Windsurf

Nu există instrucțiuni specifice Windsurf în depozit.

Claude

1. Prerechizite
   • Asigură-te că ai instalat Node.js (v16+).
   • Instalează aplicația Claude Desktop.
   • Obține un token API Webflow.
2. Instalare dependințe
   • Rulează: npm install
3. Configurare variabile de mediu
   • Creează un fișier .env cu următorul conținut:

     WEBFLOW_API_TOKEN=your-api-token
     

4. Configurare Claude Desktop
   • Deschide fișierul de configurare Claude:
     • Pentru MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Pentru Windows: %AppData%\Claude\claude_desktop_config.json
   • Adaugă/actualizează:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "your-api-token"
                 }
             }
         }
     }
     

   • Salvează și repornește Claude Desktop.

Securizarea cheilor API (exemplu env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/ABSOLUTE/PATH/TO/YOUR/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "your-api-token"
            }
        }
    }
}

Cursor

Nu există instrucțiuni specifice Cursor în depozit.

Cline

Nu există instrucțiuni specifice Cline în depozit.

Instalare prin Smithery

• Rulează:

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

Cum utilizezi acest MCP în fluxuri

Utilizarea MCP în FlowHunt

Pentru a integra serverele MCP în fluxul tău FlowHunt, începe prin a adăuga componenta MCP în flow și conecteaz-o la agentul tău AI:

Apasă pe componenta MCP pentru a deschide panoul de configurare. În secțiunea de configurare MCP a sistemului, introdu detaliile serverului MCP folosind acest format JSON:

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

Odată configurat, agentul AI va putea folosi acest MCP ca instrument cu acces la toate funcțiile și capabilitățile sale. Nu uita să schimbi “webflow” cu numele efectiv al serverului tău MCP și să înlocuiești URL-ul cu propriul tău URL MCP.

Prezentare generală

Pe baza celor două tabele, Webflow MCP Server oferă instrumente clare și utile pentru integrarea Webflow/AI, dar lipsesc template-urile de prompt, definițiile de resurse și suport explicit pentru roots sau sampling. Configurarea și documentația sunt solide pentru Claude, însă alte platforme nu sunt documentate.

Scor MCP