
A2UI: bir ajan kullanıcı arayüzünü kod yazmadan nasıl tarif eder
A2UI'nin temel fikri basit: model arayüzü yazmaz, yalnızca hangi bileşenin hangi değerlerle gösterileceğini tarif eder. dev.to'da yayımlanan inceleme, tek bir isteği ajanın kararından ekrana kadar izliyor.
A2UI protokolü, bir dil modelinin çalışma anında, çalıştırılabilir tek satır kod üretmeden kullanıcı arayüzü kurmasını sağlıyor. Modelden JSX ya da HTML yerine küçük bir JSON nesnesi isteniyor: istemcide zaten bulunan hangi bileşen gösterilecek ve hangi değerler aktarılacak. dev.to'da yayımlanan inceleme, tek bir isteği ajanın kararından ekrana kadar izliyor.
Kodu doğrudan göndermek neden işe yaramaz
Cazip alternatif, arayüzü modele yazdırıp döneni olduğu gibi bağlamak. Demoda bu işe yarıyor ama üç maliyeti var: yanıt, sayfanın kendi yetkileriyle çalışan güvenilmeyen koddur; tek bir tasarım sistemini hiçbir şey dayatmaz; ve hiçbir şey önbelleğe alınamaz, çünkü metin her seferinde farklıdır. A2UI bu çizgiyi kaydırıyor: model yalnızca veri üretir, çalışan her satır kodun sahibi istemcidir ve model menüden ad seçip sayıların nerede durduğunu gösterir.

Üç rol, beş mesaj
Ajan sunucudaki koddur ve neyin gösterileceğine karar verir: hangi bileşenler, hangi değerlerle. Protokol, bu kararın taşındığı biçimdir ve yalnızca beş mesaj tipine izin verir. Dördü ajandan istemciye gider: createSurface bir yüzeyi kataloğa kaydeder, updateComponents bileşen kayıtlarını ekler ya da değiştirir, updateDataModel değerleri yüzeyin JSON ağacına yazar, deleteSurface yüzeyi kaldırır. Beşincisi, action, istemciden ajana giden tek mesajdır ve taşıma katmanı şartnameye dahil değildir.
Güven sınırı
Güvenlik güvencesi tek cümleye sığıyor: ajan yalnızca istemcinin kataloğunda zaten bulunan bir bileşenin adını verebilir ve doldurduğu her değer talimat değil, veri sayılır. Sessizce kırılabileceği tek yer, bir değeri yeniden çalıştırılabilir içeriğe çeviren katalog uygulaması: doğrudan HTML enjeksiyonu ya da denetlenmemiş bir yoldan kurulan href. Protokol bileşenin kodunu göremez, bu yüzden katalog genişletmek çalışan kod kadar dikkat hak ediyor.
Bir panel ve v1.0'a giden yol
İnceleme, a2ui-mutual-fund-dashboard projesine işaret ediyor: Hint yatırım fonu hakkında doğal dilde sorulan bir sorunun panel ürettiği açık kaynaklı bir Next.js uygulaması; istatistik kartı, NAV grafiği ve sade bir özet. Katalog beş bileşende sabitlenmiş ve modele yalnızca hangilerinin nerede görüneceği soruluyor, sayılar hiç istenmiyor. Her şey, a2ui.org'un güncel üretim sürümü olarak listelediği v0.9.1'e sabitlenmiş; v1.0 ise sürüm adayı. Oradaki esas yenilik altıncı mesaj, actionResponse: ajanın belirli bir eyleme eşzamanlı yanıt vermesini sağlıyor.
SiTech — AI destekli web geliştirme
Hızlı ve modern web siteleri kuruyor, AI'yı gerçek iş akışlarına taşıyoruz. Projeniz veya sorunuz mu var? Yardımcı olmaktan mutluluk duyarız.