Claude Code İş Akışı

Önce MCP sunucumuza bağlanın

claude mcp add --transport http Profound http://107.21.107.99:8081/mcp

Araçları ve bileşenleri kullanarak belgeleri/blokları/bileşenleri toplu olarak oluşturup web sitelerini hızla yayımlamaya başlayabilirsiniz.

Aşağıda manuel süreç yer alıyor

Zod JSON Şema düzenleyicisini başlatmak için.

• CMS Yönetici paneline gidin
• • Şema oluştur seçeneğine tıklayın
• Şemanın uygun, doğrulanmış JSON açıklamasını girin
• Değişiklikleri uygulayın

Sonraki değişiklikler için, şemanın silinip yeniden eklenmesi gerekecek.

JSON İş Akışı için Claude'u Yönlendirme

Görsel tailwindCSS/CSS/React değişiklikleri için Claude Code'u kullanırsak, bir MCP sunucusu kullanarak veya kod düzenleyiciye yapıştırmanız gereken JSON'u vererek JSON'u doğru şekilde güncellemesini de isteyebiliriz.

İster Hibrit ister sadece Headless CMS olsun, şema oluşturmak istediğiniz bileşenler için uygun JSON'u Claude'dan istemeniz yeterlidir.

Örnek

Yeni bir MCP sunucusu özelliği ekliyoruz ve bunu göstermek için yeni bir hero bloğu ekliyoruz.

Önce kayıt defterimizi yeni bir blok kullanacak şekilde değiştireceğiz

const registry = {
  "navbar": NavbarBlock,
  ...
  // yeni blok eklendi
  "McpFeatureBlock": McpFeatureDisplayBlock,
  ...
  "footer": FooterBlock,
};

Claude'dan bloğun React/CSS'ini uygulamasını ve şema tanımı için bize JSON vermesini isteyin. Şuna benzemeli.

"McpFeatureBlock": {
  "label": "MCP Sunucusu",
  "title": "Yapay zekâ aracılarının CMS'inizde doğrudan çalışmasına izin verin",
  "description": "Profound CMS, yerel bir MCP sunucusuyla birlikte gelir. Claude, Cursor veya MCP uyumlu herhangi bir ajanı bağlayın ve sayfaları okumasına, blokları güncellemesine ve içerik yayımlamasına izin verin — özel yapıştırma koduna gerek yoktur.",
  "features": ["McpFeatureItem"],
  "cta_label": "MCP belgelerini okuyun"

Bunu Şema Düzenleyicisi “Kod İçe Aktar” sekmesine yapıştırıyoruz. Aşağıdaki gibi görünmeli.

Bundan sonra, mcp_feature_block şemasını kullanan bloğu oluşturun ve sayfadaki şablon oluşturucuyu kullanarak o bloğa referans verin.

Özet

Bu, özel bir Claude + Profound CMS iş akışıdır.