← Radar

Konu: Web3 dk okuma

MCP Apps: Sohbetin içinde tıklanabilir uygulamalar, Skybridge ile

Bu neden önemli?

İnsanlar arama ve araştırma için giderek daha çok sohbet botlarını kullanıyor. Bir ürün listesini, bir formu ya da bir grafiği düz metin yerine tıklanabilir hâlde göstermek, web geliştirmenin yeni bir alanı. Aynı arayüzü hem insan hem model kullanıyor.

Metin yerine arayüz

MCP (Model Context Protocol), yapay zekâ uygulamalarını dış araçlara bağlayan ortak bir protokol. Normalde bir MCP aracı çağrıldığında geriye metin ya da veri dönüyor, model de bunu kendi cümleleriyle anlatıyor.

MCP Apps bunu değiştiriyor. Araç, cevabıyla birlikte bir arayüz de gönderebiliyor: Bir ürün listesi, bir karşılaştırma tablosu, bir form. Bu arayüz sohbetin içinde açılıyor ve tıklanabiliyor.

Fikir Kasım 2025’te Anthropic, OpenAI ve MCP-UI topluluğundan geliştiricilerin ortak önerisiyle ortaya çıktı. 26 Ocak 2026’da MCP’nin ilk resmi eklentisi olarak yayınlandı. Duyuruya göre Claude’un web ve masaüstü uygulamaları, Goose ve VS Code’un deneme sürümü ilk günden destekliyordu, ChatGPT de aynı hafta katılıyordu.

Nasıl çalışıyor?

Üç parça var:

  • Arayüz kaynağı: Araç, tanımında ui:// ile başlayan bir adres belirtiyor. Bu adreste HTML ve JavaScript’ten oluşan bir sayfa duruyor.
  • Kapalı çerçeve: Sohbet uygulaması bu sayfayı kısıtlı izinlerle bir iframe içinde açıyor. Sayfa, sohbet uygulamasının geri kalanına dokunamıyor.
  • Mesajlaşma: Arayüz ile sohbet uygulaması tarayıcının postMessage kanalı üzerinden konuşuyor. Arayüz aracın sonucunu alabiliyor, başka araçları çağırabiliyor ve modelin gördüğü bağlamı güncelleyebiliyor.

Güvenlik açısından önemli bir ayrıntı: Arayüzün adresi araç tanımında önceden yazılı. Sohbet uygulaması sayfayı araç hiç çağrılmadan önce indirip inceleyebiliyor. Arayüzün başlattığı araç çağrıları için kullanıcıdan onay da istenebiliyor.

İki kullanıcı için tasarım

Videodaki en iyi tespit şu: Normal bir web uygulamasını tek bir kullanıcı, yani insan için yaparsın. Bir MCP uygulamasında ise iki kullanıcı var: İnsan ve model. İnsan bir ürünü seçtiğinde model bunu görüyor. Model arka planda veriyi güncellediğinde arayüz de değişiyor. Tasarlarken her ikisinin de aynı ekranı paylaştığını düşünmen gerekiyor. Ajanın arayüz döndürmesinin diğer yollarını üretken arayüz yazısında anlattık.

Skybridge ne işe yarıyor?

Skybridge, MCP sunucuları barındırma işi yapan Alpic şirketinin açık kaynak (MIT lisanslı) TypeScript çatısı. 18 Mayıs’ta 1.0 sürümüne ulaştı. Protokolün tesisat kısmını, yani arayüz ile model arasındaki durum senkronizasyonunu ve mesajlaşmayı üstleniyor. Sen arayüzü sıradan React bileşenleri olarak yazıyorsun. Aynı uygulamanın hem MCP Apps destekleyen istemcilerde hem de ChatGPT’de çalışması hedefleniyor.

Geliştirme tarafında öne çıkanlar:

  • Yerel emülatör: Gerçek bir sohbet botuna bağlanmadan araçları ve arayüzü tarayıcıda denemek. Değişiklikler sayfa yenilemeden görünüyor.
  • Tünel: Bilgisayarındaki sunucuyu tek tıkla herkese açık bir adrese bağlamak. Bu adresi Claude ya da ChatGPT’nin bağlayıcı ayarlarına yapıştırınca uygulaman sohbette açılıyor.
  • Ajan becerisi (skill): Kodlama ajanına Skybridge ile uygulama yazmayı öğreten hazır bir talimat paketi.

Videoda bir fotoğraf makinesi lensi mağazası için uygulama yapılıyor. Kullanıcı Claude’a “portre için 2.000 doların altında lens öner” diyor. Sohbetin içinde lenslerin listesi açılıyor, üç tanesi seçilip yan yana karşılaştırılıyor, sonra ödeme adımına geçiliyor.

Dikkat edilecekler

Sohbetin içinde ödeme ya da kişisel bilgi isteyen bir arayüz, kullanıcıya hangi bilginin kime gittiğini açıkça göstermeli. Uygulama mağazalarına göndermeden önce Skybridge’in denetim aracı yaygın reddedilme sebeplerini tarıyor, ama sorumluluk yine geliştiricide.

Düşün

  • Senin ürününün hangi kısmı, bir sohbet botunun içinde düz metin yerine küçük bir arayüzle daha iyi anlatılırdı?
  • Bir arayüzü hem insan hem model kullanıyorsa, “kullanıcı deneyimi” kavramı nasıl değişir?

Videoyu izle

Tıklayınca video YouTube'dan yüklenir; o ana kadar bu sayfa YouTube'a hiçbir istek göndermez.
Kaynaklar (4, İngilizce)

Kendi cümlelerimizle yazılmış bir özettir, çeviri değildir. Tüm kaynaklar yukarıda.

Konu: Web2 dkVideo: Better Stack

Bun.Image: Resim işleme artık çalışma ortamının içinde

Bun 1.3.14 ile gelen Bun.Image, resimleri yeniden boyutlandırmayı, döndürmeyi ve JPEG, PNG, WebP gibi biçimler arasında çevirmeyi ek paket kurmadan yapıyor. Bun'ın kendi ölçümlerinde popüler sharp kütüphanesinden biraz daha hızlı.