Webflow MCP Sunucu Entegrasyonu

“Webflow” MCP Sunucu ne yapar?

Webflow MCP Sunucu, Claude gibi yapay zeka asistanlarının Webflow’un API’leriyle etkileşim kurmasını sağlayan bir entegrasyon katmanıdır. Yapay zeka modellerini Webflow’a bağlayarak, bu sunucu geliştiricilerin ve yapay zeka destekli araçların Webflow site verilerine programatik olarak erişmesine, sorgulamasına ve bunları yönetmesine olanak tanır. Temel özellikler arasında, site adları, kimlikler, alan adları, yerelleştirme ayarları ve daha fazlası gibi Webflow siteleriyle ilgili ayrıntılı bilgilerin alınması bulunur. Bu, geliştirme iş akışlarını otomatik site yönetimi, veri analizi ve bağlamsal etkileşimler için geliştirerek, ekiplerin Webflow kaynaklarını daha geniş araç zincirlerine ve otomasyon hatlarına kolayca entegre etmesini sağlar.

Komut Listesi

Depoda herhangi bir komut şablonu belirtilmemiştir.

Kaynak Listesi

Mevcut dokümantasyon veya kod tabanında açıkça listelenmiş bir kaynak bulunmamaktadır.

Araç Listesi

• get_sites

  • Kimliği doğrulanmış kullanıcının erişebildiği tüm Webflow sitelerinin listesini getirir. Görünen ad, kısa ad, site ve çalışma alanı kimlikleri, oluşturulma ve güncelleme tarihleri, önizleme URL’si, saat dilimi, özel alan adları, yerelleştirme ayarları ve veri toplama tercihleri gibi ayrıntıları döndürür.

• get_site

  • siteId ile belirlenen belirli bir Webflow sitesiyle ilgili ayrıntılı bilgileri getirir. get_sites ile aynı ayrıntılı bilgi kümesini, ancak tek bir site için döndürür.

Bu MCP Sunucunun Kullanım Alanları

• Webflow Site Keşfi
  • Geliştiriciler veya yapay zeka ajanları, bir hesaba bağlı tüm Webflow sitelerini hızla listeleyebilir ve birden fazla web projesini yönetmeyi kolaylaştırır.
• Otomatik Site Yönetimi
  • Bir veya birden fazla Webflow sitesi için meta verileri (yayınlanma tarihleri, özel alanlar, yereller gibi) alabilir ve izleyebilir; bu da idari görevleri kolaylaştırır.
• Bağlamsal Yapay Zeka Etkileşimleri
  • Yapay zeka asistanları, kullanıcı sorularını yanıtlamak veya mevcut site yapılandırmalarına dayalı otomasyon akışlarını yönlendirmek için ayrıntılı site bilgilerini çekebilir.
• CI/CD Boru Hatlarıyla Entegrasyon
  • Site bilgileri, otomatik dağıtım, yayınlama veya analiz iş akışlarının bir parçası olarak daha geniş geliştirme hatlarında kullanılabilir.

Kurulum Nasıl Yapılır

Windsurf

Depoda Windsurf’e özel bir talimat bulunmamaktadır.

Claude

1. Önkoşullar
   • Node.js (v16+) kurulu olduğundan emin olun.
   • Claude Masaüstü Uygulaması kurulu olmalı.
   • Bir Webflow API Jetonu edinin.
2. Bağımlılıkları Yükleyin
   • Şunu çalıştırın: npm install
3. Ortam Değişkenlerini Yapılandırın
   • Aşağıdaki içeriğe sahip bir .env dosyası oluşturun:

     WEBFLOW_API_TOKEN=your-api-token
     

4. Claude Masaüstünü Yapılandırın
   • Claude yapılandırma dosyasını açın:
     • MacOS için: ~/Library/Application Support/Claude/claude_desktop_config.json
     • Windows için: %AppData%\Claude\claude_desktop_config.json
   • Ekle/güncelle:

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

   • Kaydedin ve Claude Masaüstü’nü yeniden başlatın.

API Anahtarlarını Güvenli Tutma (örnek env):

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

Cursor

Depoda Cursor’a özel bir talimat bulunmamaktadır.

Cline

Depoda Cline’a özel bir talimat bulunmamaktadır.

Smithery ile Kurulum

• Şunu çalıştırın:

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

Bu MCP’yi Akışlarda Nasıl Kullanırsınız

FlowHunt’ta MCP Kullanımı

MCP sunucularını FlowHunt iş akışınıza entegre etmek için, akışınıza MCP bileşenini ekleyin ve onu yapay zeka ajanınıza bağlayın:

MCP bileşenine tıklayarak yapılandırma panelini açın. Sistem MCP yapılandırma bölümünde, MCP sunucu ayrıntılarınızı şu JSON formatında girin:

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

Yapılandırma tamamlandığında, yapay zeka ajanı bu MCP’yi tüm fonksiyon ve yetenekleriyle bir araç olarak kullanabilir. “webflow” ifadesini MCP sunucunuzun gerçek adıyla ve URL’yi kendi MCP sunucu URL’nizle değiştirmeyi unutmayın.

Genel Bakış

Bu iki tabloya göre Webflow MCP Sunucu, Webflow/Yapay zeka entegrasyonu için net ve faydalı araçlar sunar; ancak komut şablonları, kaynak tanımları ve roots ya da örnekleme için açık destek yoktur. Kurulum ve dokümantasyon Claude için sağlam, diğer platformlar için dokümantasyon mevcut değil.

MCP Puanı