Integrace MCP serveru pro Webflow

K čemu slouží “Webflow” MCP Server?

Webflow MCP Server je integrační vrstva, která umožňuje AI asistentům, například Claude, komunikovat s Webflow API. Připojením AI modelů k Webflow umožňuje tento server vývojářům a AI nástrojům programově přistupovat k datům webů, dotazovat je a upravovat. Klíčové funkce zahrnují získání detailních informací o webech na Webflow, např. názvy webů, ID, domény, lokalizační nastavení a další. To rozšiřuje vývojové workflow o automatizovanou správu webů, analýzu dat a kontextové interakce přímo z AI platforem, což usnadňuje týmům začlenit zdroje Webflow do širších toolchainů a automatizačních procesů.

Seznam promptů

V repozitáři nejsou uvedeny žádné šablony promptů.

Seznam zdrojů

V dostupné dokumentaci ani kódu nejsou uvedeny žádné explicitní zdroje.

Seznam nástrojů

• get_sites

  • Získá seznam všech Webflow webů dostupných přihlášenému uživateli. Vrací informace jako zobrazované jméno, krátké jméno, ID webu a workspace, data vytvoření a aktualizace, náhledovou URL, časové pásmo, vlastní domény, lokalizační nastavení a preference pro sběr dat.

• get_site

  • Získá detailní informace o konkrétním Webflow webu identifikovaném podle siteId. Vrací stejnou sadu detailních informací jako get_sites, ale pouze pro jeden web.

Případy využití MCP serveru

• Vyhledávání webů na Webflow
  • Vývojáři nebo AI agenti mohou rychle vypsat všechny weby spojené s účtem, což usnadňuje správu vícero webových projektů.
• Automatizovaná správa webů
  • Získávání a sledování metadat (např. data publikace, vlastní domény a lokalizace) pro jeden či více webů na Webflow, což umožňuje efektivní administraci.
• Kontextové AI interakce
  • AI asistenti mohou načítat detailní informace o webu pro odpovídání na dotazy nebo řízení automatizačních toků podle aktuální konfigurace webu.
• Integrace s CI/CD pipeline
  • Využití informací o webu v rámci automatizovaných nasazení, publikování nebo analytických workflow v širším vývojářském procesu.

Jak nastavit

Windsurf

V repozitáři nejsou specifické instrukce pro Windsurf.

Claude

1. Předpoklady
   • Mějte nainstalovaný Node.js (v16+).
   • Mějte nainstalovanou aplikaci Claude Desktop.
   • Získejte Webflow API Token.
2. Instalace závislostí
   • Spusťte: npm install
3. Nastavení proměnných prostředí
   • Vytvořte soubor .env s tímto obsahem:

     WEBFLOW_API_TOKEN=váš-api-token
     

4. Konfigurace Claude Desktop
   • Otevřete konfigurační soubor Claude:
     • Pro MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Pro Windows: %AppData%\Claude\claude_desktop_config.json
   • Přidejte/upravte:

     {
         "mcpServers": {
             "webflow": {
                 "command": "node",
                 "args": [
                     "/ABSOLUTNÍ/CESTA/K/VAŠEMU/build/index.js"
                 ],
                 "env": {
                     "WEBFLOW_API_TOKEN": "váš-api-token"
                 }
             }
         }
     }
     

   • Uložte a restartujte Claude Desktop.

Zabezpečení API klíčů (příklad env):

{
    "mcpServers": {
        "webflow": {
            "command": "node",
            "args": [
                "/ABSOLUTNÍ/CESTA/K/VAŠEMU/build/index.js"
            ],
            "env": {
                "WEBFLOW_API_TOKEN": "váš-api-token"
            }
        }
    }
}

Cursor

V repozitáři nejsou specifické instrukce pro Cursor.

Cline

V repozitáři nejsou specifické instrukce pro Cline.

Instalace přes Smithery

• Spusťte:

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

Jak používat MCP uvnitř flow

Použití MCP ve FlowHunt

Chcete-li integrovat MCP servery do svého workflow ve FlowHunt, začněte přidáním MCP komponenty do vašeho flow a napojením na AI agenta:

Klikněte na MCP komponentu pro otevření konfiguračního panelu. V sekci systémové MCP konfigurace vložte detaily vašeho MCP serveru v tomto JSON formátu:

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

Po konfiguraci bude AI agent schopen tento MCP používat jako nástroj se všemi jeho funkcemi a možnostmi. Nezapomeňte změnit “webflow” na skutečný název vašeho MCP serveru a nahradit URL adresou svého MCP serveru.

Přehled

Na základě těchto dvou tabulek poskytuje Webflow MCP Server jasné a užitečné nástroje pro integraci Webflow/AI, ale postrádá šablony promptů, definice zdrojů a explicitní podporu roots nebo vzorkování. Nastavení a dokumentace jsou solidní pro Claude, pro ostatní platformy chybí dokumentace.

MCP skóre