Yapay Zeka Geliştirici Araçları
Persona
WebMCP, SSE akışı ve özelleştirilebilir temalama ile aracı ön yüz deneyimleri oluşturmak için VanillaJS'de açık kaynaklı bir Aracı UI kütüphanesi.
Persona
Nedir Persona?
Persona, AI aracıları için aracı kullanıcı arayüzleri (sohbet UI'ları) oluşturmak üzere açık kaynaklı, hafif bir JavaScript kütüphanesidir. Yüzer, kenetlenmiş veya tam ekran düzenleri destekler, herhangi bir SSE arka ucuyla entegre olur ve aracıların sayfa araçlarını kullanması için WebMCP kullanır. Framework'ten bağımsızdır ve Shadow DOM izolasyonu, temalama ve takılabilir ayrıştırıcılar içerir.
Persona vs Benzer Araçlar
| Fiyatlandırma Modeli | Ücretsiz | Ücretsiz | Özel fiyatlandırma | Ücretsiz, Ücretli |
| Ücretsiz Krediler | ||||
| Temel özellikler |
|
|
|
|
| Artılar |
|
|
|
|
| Eksiler |
|
|
|
|
| Kimler için uygun |
|
|
|
|
Nasıl kullanılır Persona?
- 1npm ile kurun: npm install @runtypelabs/persona
- 2CSS'i içe aktarın: import '@runtypelabs/persona/widget.css'
- 3initAgentWidget'i içe aktarın: import { initAgentWidget } from '@runtypelabs/persona'
- 4Widget'ı bir hedef öğe ve yapılandırma (API URL'si) ile başlatın:
- 5initAgentWidget({ target: '#chat', config: { apiUrl: 'https://your-api.com/chat' } })
- 6Yapılandırma seçeneğiyle başlatıcı türünü (yüzer, kenetlenmiş, tam ekran) özelleştirin.
Persona Temel özellikler
- WebMCP yerel: aracılar, document.modelContext aracılığıyla sayfada kayıtlı araçları kullanabilir
- Stil izolasyonu için Shadow DOM oluşturma
- Takılabilir ayrıştırıcılar ve customFetch ile SSE akışı
- Karanlık mod ve canlı düzenleyici ile üç katmanlı token temalama (palet, anlamsal, bileşen)
- Yüzer, kenetlenmiş veya tam ekran UX modları
- Takılabilir taşıma ve ayrıştırıcı bağdaştırıcıları
Persona Kullanım senaryoları
- Müşteri destek sohbet widget'ı
- Mevcut web uygulamaları için AI yardımcı pilot
- Yeni kullanıcılar için alıştırma asistanı
- Dokümantasyon Soru-Cevap aracısı
- Ürün arama ve rezervasyonlar için e-ticaret asistanı
Persona Fiyatlar ve ücretsiz krediler
Persona, Ücretsiz modeliyle çalışır.
Persona Artılar ve eksiler
Artılar
- Hafif ve framework'ten bağımsız (saf VanillaJS)
- WebMCP standardı, aracıların mevcut sayfa araçlarını kullanmasını sağlar
- Shadow DOM, stilleri ana uygulamadan izole eder
- Takılabilir taşıma ve ayrıştırıcılar herhangi bir SSE arka ucuyla çalışır
- Marka özelleştirmesi için kapsamlı temalama sistemi
Eksiler
- Dokümantasyon ve örnekler hala büyümekte
- Tam işlevsellik için bir arka uç SSE uç noktası gerektirir
Persona en çok ne için uygundur?
- Özel AI aracı UI'ları oluşturan geliştiriciler
- Aracı sohbetini mevcut web uygulamalarına entegre etmek isteyen ekipler
- Hafif, genişletilebilir bir sohbet widget'ına ihtiyaç duyan projeler