Integrácia Webflow MCP servera

Čo robí “Webflow” MCP Server?

Webflow MCP Server je integračná vrstva, ktorá umožňuje AI asistentom, ako je Claude, interagovať s API rozhraním Webflow. Prepojením AI modelov s Webflow tento server dovoľuje vývojárom a AI nástrojom programovo pristupovať k dátam stránok Webflow, dotazovať ich a manipulovať s nimi. Kľúčové funkcie zahŕňajú získavanie detailných informácií o Webflow stránkach, ako sú názvy stránok, ID, domény, lokalizačné nastavenia a ďalšie. To zlepšuje vývojárske workflowy automatizovanou správou stránok, analýzou dát a kontextovými interakciami priamo z AI platforiem, vďaka čomu je pre tímy jednoduchšie integrovať Webflow zdroje do širších nástrojových reťazcov a automatizačných pipeline.

Zoznam promptov

V repozitári nie sú uvedené žiadne šablóny promptov.

Zoznam zdrojov

V dostupnej dokumentácii alebo kóde nie sú explicitne uvedené žiadne zdroje.

Zoznam nástrojov

• get_sites

  • Získa zoznam všetkých Webflow stránok dostupných pre overeného používateľa. Vracia detaily ako zobrazovaný názov, krátky názov, ID stránky a workspace, dátumy vytvorenia a aktualizácie, ukážkovú URL, časové pásmo, vlastné domény, lokalizačné nastavenia a preferencie zberu dát.

• get_site

  • Získa detailné informácie o konkrétnej Webflow stránke identifikovanej jej siteId. Vracia rovnaký súbor detailných informácií ako get_sites, ale pre jednu stránku.

Prípady použitia tohto MCP servera

• Objavovanie Webflow stránok
  • Vývojári alebo AI agenti môžu rýchlo zobraziť všetky Webflow stránky priradené k účtu, čo uľahčuje správu viacerých webových projektov.
• Automatizovaná správa stránok
  • Získavajte a sledujte metaúdaje (ako dátumy publikácie, vlastné domény a jazyky) pre jednu alebo viac Webflow stránok, čo umožňuje efektívnejšiu administráciu.
• Kontextové AI interakcie
  • AI asistenti môžu čerpať detailné informácie o stránke na zodpovedanie otázok používateľa alebo riadenie automatizovaných tokov na základe aktuálnych nastavení stránok.
• Integrácia s CI/CD pipeline
  • Použite informácie o stránkach ako súčasť automatizovaného nasadzovania, publikovania alebo analytických workflowov v širších vývojárskych pipeline.

Ako to nastaviť

Windsurf

V repozitári nie sú uvedené žiadne špecifické inštrukcie pre Windsurf.

Claude

1. Predpoklady
   • Skontrolujte, či máte nainštalovaný Node.js (v16+).
   • Majte nainštalovanú Claude Desktop App.
   • Získajte Webflow API Token.
2. Inštalácia závislostí
   • Spustite: npm install
3. Konfigurácia environmentálnych premenných
   • Vytvorte súbor .env s nasledovným obsahom:

     WEBFLOW_API_TOKEN=váš-api-token
     

4. Konfigurácia Claude Desktop
   • Otvorte konfiguračný súbor Claude:
     • Pre MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Pre Windows: %AppData%\Claude\claude_desktop_config.json
   • Pridajte/upravte:

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

   • Uložte a reštartujte Claude Desktop.

Zabezpečenie API kľúčov (príklad env):

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

Cursor

V repozitári nie sú uvedené žiadne špecifické inštrukcie pre Cursor.

Cline

V repozitári nie sú uvedené žiadne špecifické inštrukcie pre Cline.

Inštalácia cez Smithery

• Spustite:

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

Ako používať tento MCP vo flowoch

Použitie MCP vo FlowHunt

Na integráciu MCP serverov do vášho workflowu FlowHunt začnite pridaním MCP komponentu do vášho flowu a prepojením s AI agentom:

Kliknite na komponent MCP pre otvorenie konfiguračného panela. V sekcii systémovej konfigurácie MCP vložte detaily vášho MCP servera v tomto JSON formáte:

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

Po nakonfigurovaní môže AI agent využívať tento MCP ako nástroj so všetkými jeho funkciami a možnosťami. Nezabudnite zmeniť “webflow” na skutočný názov vášho MCP servera a URL na vlastnú adresu MCP servera.

Prehľad

Na základe týchto dvoch tabuliek poskytuje Webflow MCP Server jasné a užitočné nástroje pre integráciu Webflow/AI, ale chýbajú mu šablóny promptov, definície zdrojov a explicitná podpora pre roots alebo sampling. Nastavenie a dokumentácia sú kvalitné pre Claude, ale pre iné platformy nie sú zdokumentované.

MCP skóre