XDA tarafından aktarılan incelemelere göre, Claude ile Mermaid'in Model Context Protocol (MCP) tabanlı bağlantısı, geleneksel diyagram araçlarının yerini alabilecek düzeyde pratik bir iş akışı sunuyor. Doğal dil komutlarıyla akış şemaları, yolculuk haritaları ve kuadrant grafiklerinin doğrudan sohbet penceresinde işlenmesine olanak tanıyan sistemin detayları netleşti.
Yazılım geliştirme, tasarım ve proje yönetiminde diyagram hazırlamak, genellikle unsurları hizalamak ve bağlantı oklarıyla zaman kaybetmekle sonuçlanan zahmetli bir süreçtir. XDA editörlerinden Nolen Jonker'ın paylaştığı deneyimler, Anthropic'in yapay zeka asistanı Claude ile metin tabanlı diyagram dili Mermaid arasındaki entegrasyonun bu süreci kökten değiştirdiğini gösteriyor.
Mermaid, hem bir diyagram aracı hem de kutuların birbirine nasıl bağlanacağını metinsel olarak tanımlayan bir dil olarak biliniyor. Claude halihazırda bu dili okuyup yazabiliyor olsa da, yakın zamana kadarki süreçte etkileşimli diyagramlar sunma veya doğrudan kullanıcı hesaplarıyla senkronize olma yeteneğinden mahrumdu. Geliştirilen Model Context Protocol (MCP) uygulaması sayesinde bu durum değişti.
MCP Uygulaması ve Arka Plandaki Araç Mimarisi
Anthropic tarafından bir MCP App olarak nitelendirilen bu bağlantı, sohbet penceresi içinde sadece düz metin yanıtları vermek yerine canlı bir arayüz bileşeni (widget) göstermesine imkan tanıyor. Mermaid MCP ile Claude diyagram metnini yazıyor, bağlayıcı bu kodu iletiyor ve sohbetteki bir widget Mermaid kütüphanesini kullanarak görseli ekrana çiziyor. Arayüzün sunduğu kopyalama butonu, metin çıktısının hızlıca alınmasını da kolaylaştırıyor.
Sistemin arka planında Claude'un gruplara ayırarak kullandığı toplam yedi araç bulunuyor. Bunların dördü doğrudan yapay zeka tarafından çağrılabiliyor:
- Görüntüleme (Display): Sohbet içinde diyagramı çizen ana araç. - Oturum Açma (Sign-in): Kullanıcının Mermaid hesabını entegre ediyor. - Hesap Listeleme: Kaydedilmiş diyagramları listeliyor. - Bağlantı Okuma: Belirli bir bağlantı üzerinden diyagram kodunu okuyor.
Geriye kalan üç araç ise yalnızca uygulama düzeyinde çalışıyor. Bunlardan biri sözdizimi (syntax) hatası içeren bir diyagramı onarırken, diğerleri diyagramı hesaba kaydetme veya mevcut kayıtlı şemayı güncelleme işlemlerini gerçekleştiriyor. Resmi Mermaid bağlayıcısının ilk kurulumda sınırlı araç sunduğu durumlarda, kullanıcılar Mermaid'in güncel v3 URL adresi (https://chatgpt.mermaid.ai/anthropic/v3/mcp) üzerinden özel bir sunucu olarak ekleme yapabiliyor.
Basit Akış Şemalarından Karmaşık Grafiklere
Mermaid genellikle yalnızca kutular ve oklar içeren akış şemalarıyla özdeşleştirilse de, yirmiden fazla farklı diyagram türünü destekliyor. Kullanıcıların tek yapması gereken, ne göstermek istediklerini düz bir dille Claude'a anlatmak. Yapay zeka, uygun anahtar kelimeyi ve sözdizimini otomatik olarak seçiyor.
Örneğin, kullanıcı deneyimi (UX) çalışmalarında sıkça kullanılan kullanıcı yolculuğu haritaları (user journey maps), adımları 1'den 5'e kadar puanlayarak görselleştirebiliyor. Benzer şekilde kişisel projelerde spektrum ölçmek için kullanılan kuadrant grafikleri veya zaman çizelgeleri de aynı yöntemle üretilebiliyor. Nolen Jonker, elde ettiği bu diyagram dosyalarını doğrudan kendi dijital kasasına kaydettiğini ve Obsidian Canvas ya da Excalidraw eklentisiyle açarak verimli bir iş akışı kurduğunu belirtiyor.
Hesap Entegrasyonu ve Plan Sınırları
Bu entegrasyonun sunduğu en büyük avantajlardan biri, diyagramların doğrudan kullanıcının Mermaid hesabına aktarılabilmesi ve platformun kendi düzenleyicisinde açılabilmesidir. Widget üzerinden tarayıcıda açılan diyagramlar üzerinde görsel olarak çalışmaya devam etmek mümkün; yapılan görsel değişiklikler, akış şemalarında olduğu gibi otomatik olarak koda yansıyor.
Sözdizimi hatalarının onarılması işlemi Mermaid AI kredilerini tüketirken, üretim, işleme ve okuma işlemleri ücretsiz olarak sunuluyor. Temel (Basic) Mermaid planında ise bu kullanım üç diyagramla sınırlı tutuluyor. Claude'un sunduğu standart Artifacts (eserler) özelliği temel diyagram ihtiyaçlarını karşılasa da, hesaba bağlı düzenleme ve canlı widget desteği isteyen kullanıcılar için bu MCP bağlantısı iş akışını önemli ölçüde hızlandırıyor.
