Artifacts - Üretken Arayüz

React bileşenleri, HTML kodu ve Mermaid diyagramlarının anında oluşturulması için LibreChat'in devrim niteliğindeki Artifacts özelliğini keşfedin.

Generative UI: React bileşenleri, HTML kodu ve Mermaid diyagramları oluşturun
Esnek Entegrasyon: Kurduğunuz herhangi bir modeli kullanın
Yinelemeli Tasarım: Oluşturulan çıktıları hızla iyileştirin ve geliştirin
Ajan Entegrasyonu: Artifact'leri ajan düzeyinde yapılandırın (önerilen yaklaşım)

Not: Artifacts özelliğini kullanmanın tercih edilen yolu artık Agents özelliği üzerinden sağlanmaktadır; bu özellik, Artifacts'i uygulama genelinde değil, temsilci (agent) düzeyinde etkinleştirip devre dışı bırakarak daha ayrıntılı kontrol imkanı sunar.

LibreChat'in Kod Artifacts Özelliklerinin Temel Avantajları:

Üretken yapay zeka ile web sitelerinin ve kullanıcı arayüzlerinin anında prototiplenmesi
Dinamik ve duyarlı düzenlerin zahmetsizce oluşturulması
React ve HTML için etkileşimli öğrenme ortamı
Mermaid diyagramları kullanarak karmaşık fikir görselleştirme
Yapay zeka destekli sezgisel, kullanıcı odaklı tasarım yinelemeleri
Ücretli yapay zeka araçlarına ücretsiz ve açık kaynaklı alternatif

LibreChat'in üretken yetenekleriyle UI/UX tasarımı ve geliştirmesinin geleceğini deneyimleyin. Fikirlerinizi her zamankinden daha hızlı hayata geçirin!

Content-Security-Policy

Oluşturulan HTML uygulamalarını Artifacts panelinde yükleyebilmek için web sunucunuzun Content-Security-Policy ayarını frame-src 'self' https://*.codesandbox.io içerecek şekilde güncellemeniz gerekebilir. Bu, sandpack kütüphanesinin bir bağımlılığıdır.

Sandpack Bundler'ı Kendi Sunucunuzda Barındırma

LibreChat içindeki Artifacts, HTML/JS kodunu güvenli bir şekilde işlemek için CodeSandbox'ın Sandpack kütüphanesini kullanır. LibreChat varsayılan olarak, kullanımıyla ilgili telemetri verileri de iletebilen CodeSandbox'ın herkese açık CDN'ine bağlanır.

Gelişmiş gizlilik, güvenlik uyumluluğu veya izole ağ ortamları için bundler'ı kendi sunucunuzda barındırabilirsiniz.

Sandpack Bundler'ı Neden Kendi Sunucunuzda Barındırmalısınız?

Self-hosting the bundler kullanmanın çeşitli avantajları vardır:

Gizlilik ve Güvenlik: Kod yürütme işlemlerini kendi altyapınızda tutun
Güvenilirlik: Harici hizmetlere olan bağımlılığı kaldırın
Performans: Paketleyiciyi (bundler) ağınızda barındırarak gecikme süresini azaltın
Uyumluluk: Kurumsal veri işleme gereksinimlerini karşılayın
Kontrol: Özel ihtiyaçlarınıza göre yapılandırın ve özelleştirin

Yapılandırma

Kendi kendine barındırılan bir paketleyici (bundler) kurduktan sonra, ortam değişkenini ayarlayarak LibreChat'i onu kullanacak şekilde yapılandırmanız yeterlidir:

# `.env` file
SANDPACK_BUNDLER_URL=http://your-bundler-url

Genel Hususlar

Bundler'ı kendi sunucunuzda barındırmak (self-hosting) bazı ek yükler getirir:

CORS Yapılandırması: Çapraz kökenli kaynak paylaşımı (cross-origin resource sharing) politikalarını yönetmeniz gerekecektir
Güvenlik Yönetimi: Bundler servisinin güvenliğinden siz sorumlu olursunuz
Bakım: Güncellemeler ve yamalar manuel olarak uygulanmalıdır
Kaynak Gereksinimleri: Bundler'ı barındırmak için ek sunucu kaynaklarına ihtiyaç duyulacaktır.

Kendi kendine barındırdığınız (self-hosted) bundler'ı kurma ve bakımını yapma hakkında ayrıntılı talimatlar için, Sandpack'ten telemetrinin kaldırılması da dahil olmak üzere LibreChat dağıtımı için özel olarak hazırlanmış forked CodeSandbox repository sayfasına başvurun.

AI Haberleri 2024: Orijinal ve EN İYİ Açık Kaynaklı AI Sohbet Platformu LibreChat, Code Artifacts'i Yayınladı! Bu Üretken Arayüz Aracı, OLLAMA entegrasyonu sayesinde tarayıcınızda herhangi bir LLM, OpenAI, Anthropic, LLAMA, Mistral, DeepSeek Coder ve daha fazlasıyla tek bir komut isteminden anında React, HTML ve Diyagramlar oluşturabilir.

#AINews2024 #OpenSourceAI #GenerativeUI #CodeArtifacts #WebDevelopment #ReactJS #LLM #AIPrototyping #DevTools #OLLAMA #LibreChat