Details arayüz tasarım arşivini MCP protokolüyle yapay zeka araçlarına açtı
Öne çıkanlar
- Details, canlı web sitelerinden derlenen mikro etkileşim arşivini MCP protokolüyle yapay zeka araçlarına bağladı.
- Cursor, Claude Code ve v0 gibi geliştirme ortamları uzaktan HTTP MCP sunucusu üzerinden doğrudan arama yapabiliyor.
- Kütüphane yalnızca yayına alınmış gerçek sitelerdeki buton, geçiş ve sayfa bölümlerini yapıştırmaya hazır kodlarla barındırıyor.
Web tasarım ilham galerisi Details, canlı web sitelerinden derlediği mikro etkileşim ve arayüz bileşenleri arşivini Model Bağlam Protokolü (MCP) aracılığıyla yapay zeka istemcilerine sunduğunu açıkladı. Platform; Claude Code, Cursor, Codex ve v0 gibi araçlara uzaktan HTTP MCP sunucusu olarak bağlanabilme yeteneği getirdi. Bu entegrasyon sayesinde geliştiriciler ve tasarımcılar, kodlama esnasında arayüz referanslarını doğrudan yapay zeka modellerine sorgulatabiliyor.
Geleneksel tasarım galerilerinin tüm sayfayı gösteren yapısından farklılaşan Details, canlı üretim ortamındaki web sitelerinden toplanan hero alanları, altbilgiler, sayfa geçişleri ve yükleme animasyonları gibi özel detayları tekil olarak etiketliyor. Platformda yalnızca yayına alınmış gerçek projeler yer alırken, kullanıcıların kopyala-yapıştır yapabileceği hazır kod blokları ve akıllı arama filtreleri de sunuluyor. MCP desteği ise yapay zeka asistanlarının bu kütüphanedeki hareket, etkileşim ve düzen kararlarını bağlam olarak okumasına olanak tanıyor.
Sistem, bireysel kullanımın yanı sıra ekip çalışmasına uygun panolar ve referans programı da içeriyor. Yapay zeka entegrasyonu tarafında kullanıcılar, platformun sağladığı API adresi ve OAuth kimlik doğrulaması üzerinden istemcilerini yetkilendirerek doğrudan sohbet arayüzünden tasarım önerileri çekebiliyor. Details, düzenli olarak güncellenen arşiviyle tasarımcıların boş bir sayfadan güçlü bir tasarım yönüne daha hızlı geçmesini hedefliyor.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.