Webflow MCP Server-integrasjon

Hva gjør “Webflow” MCP Server?

Webflow MCP Server er et integrasjonslag som lar KI-assistenter, som Claude, samhandle med Webflows API-er. Ved å koble KI-modeller til Webflow, kan denne serveren gi utviklere og KI-drevne verktøy tilgang til, forespørre og manipulere Webflow-nettsteddata programmessig. Nøkkelfunksjoner inkluderer innhenting av detaljert informasjon om Webflow-nettsteder, som navn, ID-er, domener, lokaliseringsinnstillinger og mer. Dette forbedrer utviklingsarbeidsflyter ved å muliggjøre automatisert administrasjon av nettsteder, dataanalyse og kontekstuelle interaksjoner direkte fra KI-plattformer, noe som gjør det enklere for team å integrere Webflow-ressurser i sine større verktøykjeder og automatiseringspipelines.

Liste over promptmaler

Ingen promptmaler er nevnt i depotet.

Liste over ressurser

Ingen eksplisitte ressurser er listet i tilgjengelig dokumentasjon eller kodebase.

Liste over verktøy

• get_sites

  • Henter en liste over alle Webflow-nettsteder tilgjengelig for den autentiserte brukeren. Returnerer detaljer som visningsnavn, kortnavn, nettsted- og arbeidsområde-ID-er, opprettelses- og oppdateringsdatoer, forhåndsvisnings-URL, tidssone, egendefinerte domener, lokaliseringsinnstillinger og innstillinger for datainnsamling.

• get_site

  • Henter detaljert informasjon om et spesifikt Webflow-nettsted, identifisert ved siteId. Returnerer det samme settet med detaljer som get_sites, men for ett enkelt nettsted.

Bruksområder for denne MCP-serveren

• Oppdagelse av Webflow-nettsteder
  • Utviklere eller KI-agenter kan raskt liste alle Webflow-nettsteder knyttet til en konto, noe som gjør det enklere å administrere flere webprosjekter.
• Automatisert administrasjon av nettsteder
  • Hent og overvåk metadata (som publiseringsdatoer, egendefinerte domener og språk) for ett eller flere Webflow-nettsteder, og muliggjør strømlinjeformede administrasjonsoppgaver.
• Kontekstuelle KI-interaksjoner
  • KI-assistenter kan hente detaljert nettstedsinformasjon for å svare på brukerspørsmål eller styre automatiseringsflyter basert på gjeldende nettstedsoppsett.
• Integrasjon med CI/CD-pipelines
  • Bruk nettstedsinformasjon som del av automatiserte utrullinger, publisering eller analysearbeidsflyter i bredere utviklingspipelines.

Slik setter du det opp

Windsurf

Ingen Windsurf-spesifikke instruksjoner er gitt i depotet.

Claude

1. Forutsetninger
   • Sørg for at Node.js (v16+) er installert.
   • Ha Claude Desktop App installert.
   • Skaff en Webflow API Token.
2. Installer avhengigheter
   • Kjør: npm install
3. Konfigurer miljøvariabler
   • Opprett en .env-fil med følgende innhold:

     WEBFLOW_API_TOKEN=your-api-token
     

4. Konfigurer Claude Desktop
   • Åpne Claude sin konfigurasjonsfil:
     • For MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json
     • For Windows: %AppData%\Claude\claude_desktop_config.json
   • Legg til/oppdater:

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

   • Lagre og start Claude Desktop på nytt.

Sikring av API-nøkler (env-eksempel):

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

Cursor

Ingen Cursor-spesifikke instruksjoner er gitt i depotet.

Cline

Ingen Cline-spesifikke instruksjoner er gitt i depotet.

Installering via Smithery

• Kjør:

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

Slik bruker du denne MCP-en i flows

Bruk av MCP i FlowHunt

For å integrere MCP-servere i din FlowHunt-arbeidsflyt, start med å legge til MCP-komponenten i flyten din og koble den til KI-agenten din:

Klikk på MCP-komponenten for å åpne konfigurasjonspanelet. I systemets MCP-konfigurasjonsseksjon setter du inn MCP-serverdetaljene dine med dette JSON-formatet:

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

Når dette er konfigurert, kan KI-agenten nå bruke denne MCP-en som et verktøy med tilgang til alle dens funksjoner og muligheter. Husk å endre “webflow” til det faktiske navnet på din MCP-server og bytt ut URL-en med din egen MCP-server-URL.

Oversikt

Basert på de to tabellene tilbyr Webflow MCP Server tydelige og nyttige verktøy for Webflow/KI-integrasjon, men mangler promptmaler, ressursdefinisjoner og eksplisitt støtte for roots eller sampling. Oppsett og dokumentasjon er solide for Claude, men andre plattformer er ikke dokumentert.

MCP-score