Yapay zekâ ile kurulum, ayrıntılı olarak
Yapay zekâ kodlama aracınızın Rendel'i kurmasının iki yolu, kodunuzda ve yönetim panelinde neleri değiştirdiği, nasıl güvende tutulduğu ve bir çalıştırma durduğunda ne yapılacağı.
Yapay zekâ ile kurulum kısa versiyondur. Bu sayfa ise arka planda olanları anlatır: iki yol, aracınızın attığı her adım, nelere erişip nelere erişemeyeceği ve bir çalıştırma yarıda kaldığında nasıl kurtarılacağı.
Aracınız deponuzda çalışır ve ilerledikçe Rendel'in yönetim paneli dolar: görünüm, uygulama içi asistan, bilgi birikimi, ekranlar ve aksiyonlar. Yazdığı her ayar yönetim panelinde elle de değiştirilebilir. Kurallarınız kodunuzu araçlardan uzak tutuyorsa araçsız kurulum yapın.
İki yol
| Kurulum dosyası | Aracınızı bağlayın | |
|---|---|---|
| Kime yönelik | Herhangi bir yapay zekâ kodlama aracı | Rendel'in MCP sunucusu bağlı Claude Code |
| Yönetim paneli nasıl dolar | Araç rendel/setup.json dosyasını yazar; siz içe aktarırsınız | Araç, Rendel'in MCP araçları üzerinden doğrudan yazar |
| Gördüğünüz | İçe aktarmanın dolması | Overview ekranında gerçekleştikçe her adım |
| Makinenizden Rendel'e ne ulaşır | Yalnızca içe aktardığınız dosya | Tarayıcınızda onayladığınız bir yetkilendirmeyle aracın yaptığı çağrılar |
Yönetim panelindeki kart, her araç için kurulum dosyasıdır. MCP sunucusunu bağlamak Claude Code içindir ve bir araca izin verilmediğinde prompt'u kendiliğinden dosyaya geri döner.
Kurulum dosyası (herhangi bir araç)
- Overview ekranındaki prompt'u aracınıza yapıştırın:
Set up Rendel (rendel.ai) for my app {your app's slug}. Add the Rendel SDK (website: the script https://rendel.ai/sdk/web/0.27.0/rendel.js, Flutter: the package from https://github.com/neon-apps/rendel-flutter at v0.50.0) and, if the app has sign-in, pass my signed-in user's token to it so Rendel can call my API as that user. Then describe the app in rendel/setup.json as https://rendel.ai/schemas/setup/v1.json describes. Send nothing anywhere: I will import the file into my Rendel console myself.
Yönetim paneli size uygulamanızın slug'ını içeren bu istemi verir. Claude Code, Cursor, Codex, Windsurf, GitHub Copilot ve Gemini CLI üzerinde çalışır.
Bu prompt, araca SDK'yı eklemesini ve şemanın belirttiği gibi (açıklamaları kılavuz niteliğindedir; kopyaları her iki SDK ile birlikte gelir) uygulamanızı rendel/setup.json içinde tanımlamasını ve hiçbir yere hiçbir şey göndermemesini söyler.
- Overview ekranının size verdiği komutla dosyayı projenizin kök dizininden içe aktarın (kod oturumunuza aittir ve oturum açıkken çalışır):
curl -fsS -H "Authorization: Bearer …" -F manifest=@rendel/setup.json -F logo=@assets/logo.svg "https://rendel.ai/api/setup/import"Kod Authorization başlığında taşınır, böylece istek kayıtlarının dışında kalır; kabuk geçmişiniz oturum sonlanana kadar kodu tutmaya devam eder.
Ya da Overview ekranında Drop rendel/setup.json here yazan yere bırakın (bunu da içe aktarmak için logoyu da beraberinde bırakın). İçe aktarma, herhangi bir şey yazmadan önce tüm dosyayı kontrol eder; bu nedenle reddedilen bir içe aktarma, yönetim panelini olduğu gibi bırakır. Ardından her bölümü doldurur ve bir test sohbeti çalıştırır; tam bir içe aktarma ise bir aracın kurulumu gibi sonlanır: taslakları yayınlar ve dört Go live kontrolü geçtiğinde canlıya geçer. Overview Imported. Everything it set is in the console now. ifadesini gösterir ve oturum kapanır. Araç, şemanın kılavuzunun istediği gibi rendel/setup.json dosyasını .gitignore'a ekler.
Çok büyük bir bilgi tabanı, yalnızca $schema, version, app ve knowledge içeren bir dosyada ilk olarak gönderilebilir; yaklaşık 4,4 MB'ın üzerindeki bir içe aktarma, nasıl bölüneceğini belirten bir mesajla reddedilir. Setup API referansı tüm yanıtları listeler.
Aracınızı bağlayın (Claude Code)
Her makine için bir kez Rendel'in MCP sunucusunu ekleyin:
claude mcp add --transport http --scope user rendel https://rendel.ai/api/mcpArdından, Claude Code içinde:
- Giriş yapın.
/mcp→ rendel → Authenticate. Tarayıcınız tek bir uygulamayı onaylamanızı ister. - Araçlara bir kez izin verin.
/permissions→ Allow →mcp__rendel__*. Otomatik modda çağrıların geçmesine izin veren kural budur. - Uygulamanızın slug'ı ile birlikte prompt'u yapıştırın:
Set up Rendel (rendel.ai) for my app {your app's slug} using the rendel MCP tools. Add the Rendel SDK (website: the script https://rendel.ai/sdk/web/0.27.0/rendel.js, Flutter: the package from https://github.com/neon-apps/rendel-flutter at v0.50.0) and, if the app has sign-in, pass my signed-in user's token to it so Rendel can call my API as that user. Then follow the rendel server's setup guide. If a rendel tool is denied or missing, send nothing else and write rendel/setup.json as https://rendel.ai/schemas/setup/v1.json describes.
Yönetim paneli size uygulamanızın slug'ını içeren bu istemi verir. Claude Code, Cursor, Codex, Windsurf, GitHub Copilot ve Gemini CLI üzerinde çalışır.
Araç ilk olarak rendel_start çağrısını yapar; bu çağrı araca kurulum kılavuzunu, uygulamanızın yayınlanabilir anahtarlarını ve SDK kod parçacıklarını iletir ve Overview ekranı Agent connected durumunu gösterir. Buradan itibaren araç her adıma ulaştıkça Overview ekranında o adım yanar. Bir sonraki kurulumunuz veya eşitlemeniz için /mcp → rendel → Re-authenticate yolunu izleyin. Araçlar MCP referansı sayfasında listelenmiştir.
Araç neden Rendel'e kendisi istek göndermez?
Bir yapay zekâ kodlama aracının kendi güvenlik kontrolleri, yapıştırılan bir talimat üzerine projenizin ayrıntılarını dış bir adrese göndermesini engeller. Bunu Claude Code'da varsayılan modeliyle test ettik: yapıştırılan daha uzun bir kurulum prompt'u üç çalıştırmanın üçünde de “yalnızca yapıştırılmış metin” gerekçesiyle reddedildi; yazıldığında ise yüklemeleri veri sızıntısı gerekçesiyle geri çevrildi. Dolayısıyla dosya yolunda araç hiçbir şey göndermez, siz gönderirsiniz; MCP yolunda ise adıyla onayladığınız araçlar üzerinden yazar ve bu yöntem üç çalıştırmanın üçünde de başarılı oldu.
Aracın yaptıkları
| # | Adım | Kodunuzda | Yönetim panelinde |
|---|---|---|---|
| 0 | Start | Hiçbir şey | Rendel'in zaten bildiklerini okur: bağlantılarınız, web sitenizden okunanlar, mevcut yapılandırma, her iki yayınlanabilir anahtar ve SDK kod parçacıkları |
| 1 | Discover | Hiçbir şey; yalnızca okur. Platform, yönlendirici, HTTP katmanı, giriş yapma, tema (ve koyu tema), yazı tipleri, logo, diller, ekranlar, API çağrıları, uygulama içi yardım | Bir keşif raporu ve bir plan |
| 2 | Install | SDK, Rendel.init (hata ayıklama derlemelerinde test anahtarı, yayın derlemelerinde canlı anahtar), iOS izin dizgeleri ve uygulamaya uygun bir giriş noktası | — |
| 3 | Identity | Girişte identify, çıkışta reset ve uygulamanızın kendi API'sine zaten gönderdiği belirteci ileten userToken. Giriş yapılmayan uygulamalar için atlanır | — |
| 4 | Appearance | Uygulamanın kendi açık/koyu ayarı varsa themeMode | Renkleriniz, köşe yuvarlamaları, yazı tipi ve kart stili taslak içine; varsa koyu tema ve logo ile birlikte |
| 5 | Experience | — | Uygulama içi asistanın adı, tonu, talimatları, güvenlik sınırları, dilleri, karşılama ekranı ve önerileri taslak içine |
| 6 | Knowledge | — | Bağlantı olarak herkese açık sayfalarınız (Rendel bunları çeker) ve kodunuz ile metinlerinizden yazılan metinler |
| 7 | Screens | Bir kullanıcının açmayı isteyebileceği her ekran için registerRoute | Bir derleme bunları kaydedene kadar planlandığı şekilde gösterilen aynı ekranlar |
| 8 | Actions | Yalnızca bir sunucudan çağrı yapılamayan durumlarda registerAction | Bir HTTP aksiyonu olarak diğer tüm API çağrıları. Paylaşılan bir anahtara ihtiyaç duyanlar kapalı olarak kaydedilir |
| 9 | Verify | Testleriniz, çözümleyiciniz ve bir hata ayıklama derlemesi; uygulamayı test anahtarıyla bir kez çalıştırır | Uygulamanın manifestiyle çağrı yapmasını bekler |
| 10 | Test | — | Üç ila beş soruluk bir duman testi; yetersiz kalanlar bir kez yeniden yazılır |
| 11 | Complete | Başka bir şey yok | Bir özet, değiştirilen dosyalar ve yapılacak işleriniz |
Dosya yolunda 4 ila 8. adımlar rendel/setup.json dosyasının bölümleridir ve test, siz dosyayı içe aktardığınızda çalışır. 0 ve 9. adımlar MCP yoluna aittir: burada araç test etmeden önce uygulamanızın çağrı yapmasını bekler.
Nereye yazar
| Kaydedildiği yer | Canlıdaki kullanıcılar ne zaman görür | |
|---|---|---|
| Appearance, logo | Taslak yapılandırma | Kurulum tamamlandığında yayınlanır |
| Experience | Persona taslağı | Kurulum tamamlandığında yayınlanır |
| Knowledge | AI setup olarak işaretlenmiş, yazılır yazılmaz dizine eklenen kaynaklar | Dizine eklendikten sonra, canlıya aldığınızda |
| HTTP aksiyonları | Bir anahtara ihtiyaç duymadığı sürece açık olan, AI setup olarak işaretlenmiş aksiyonlar | Canlıya aldığınızda |
| Screens | Screens sayfasında Planned olarak | Bunları kaydeden bir derleme çalıştığında |
Her yazma işlemi, aracın seçtiği bir adla (external_key) anahtarlanır; böylece kurulumun yeniden çalıştırılması ikinci bir kopya eklemek yerine mevcut olanı günceller. Aracın yazdığı hiçbir şey bir şeyi silmez; kodunuzdan kaldırılan bir ögeyi daha sonraki bir eşitleme arşivlenmek üzere önerir.
Güvenlik
- Tek bir uygulama ve tek bir oturum için yetkilendirme. MCP yolunda aracı tarayıcınızda tek bir uygulama için onaylarsınız; yetkilendirme, bir saat süreli erişim belirteçleriyle birlikte kurulum bitene kadar sürer. Oturumu durdurduğunuzda (Overview ekranında veya Settings → AI setup sessions bölümünde), aracın erişimi bir sonraki çağrısında sona erer. Dosya yolunda ise hiçbir yetkilendirme yoktur: içe aktarma kodu oturum açıkken en fazla 24 saat çalışır.
- Deponuzda veya prompt'unuzda belirteç bulunmaz. Aracın saklaması gereken hiçbir şey gizli bilgi değildir.
- Kimlik bilgisine benzeyen hiçbir şey kabul edilmez. Sunucu her yazma işlemini tarar ve hangi yoldan gelirse gelsin bir parolayı, API anahtarını veya belirteci reddeder; böyle bir bilgi içeren içe aktarma bütünüyle reddedilir (
422 secret_refused). Paylaşılan bir anahtar gerektiren bir uç nokta kapalı olarak kaydedilir ve anahtarı yönetim panelinde siz girersiniz. - Canlıdaki bir uygulamanın ayarlarına doğrudan erişemez. Canlıdaki bir uygulamada her değişiklik, bir kişinin Sync review ekranında inceleyeceği bir öneri haline gelir.
- Şunları okuyamaz: sohbetleri, kullanıcıları ya da tasarım gereği herkese açık olan iki yayınlanabilir anahtar dışındaki hiçbir anahtarı.
- Web sitenizi Rendel'in sunucuları okur; bilgi bağlantılarını özel adreslerden uzak tutan aynı koruma üzerinden, araç hiçbir zaman okumaz.
Her değişiklik, uygulamanızın denetim kaydında ilgili kurulum oturumu altında yer alır. Settings → AI setup sessions bölümü geçmiş ve çalışan oturumları listeler ve çalışan bir oturumu durdurur.
Takılıp kalırsa
| Gördüğünüz | Anlamı | Ne yapılmalı |
|---|---|---|
| Bir adım Your agent got stuck uyarısıyla kırmızıya döner | Araç durdu ve nedenini belirtti | Nedende belirtilen durumu düzeltin (çoğu zaman proje başlamadan önce derlenmemiştir), ardından tekrar çalıştırın. Yazdıkları korunur ve yinelenmek yerine güncellenir |
Bir rendel aracına izin verilmedi veya araç eksik | Claude Code'a araçlar için izin verilmemiştir veya giriş yapılmamıştır | /permissions → Allow mcp__rendel__* veya /mcp → rendel → Authenticate. Bu sırada araç rendel/setup.json dosyasını yazar; dosyayı içe aktarın |
| İçe aktarma reddedildi | Yanıtın error.code değeri nedenini belirtir: dosya JSON değil veya şemayı doğrulamıyor, başka bir uygulamaya ait, kimlik bilgisine benzeyen bir şey var, oturum kapandı veya uygulama canlıda | Setup API referansı her kodu listeler. Dosyayı düzeltip tekrar içe aktarın ya da Overview ekranından yeni bir oturum başlatın |
| Building and verifying hiçbir zaman yeşile dönmüyor | Uygulama test anahtarıyla çağrı yapmadı | Uygulamayı bir kez çalıştırın; Rendel.init çağrısının başlangıçta test anahtarıyla çalıştığını kontrol edin |
| Test conversation başarısız oluyor | Duman testi yanıtlarının %80'inden azı temellendirilmiş veya bir aksiyonla desteklenmişti | Overview ekranındaki yanıtları okuyun, eksik olanları ekleyin ve Run smoke test butonuna basın |
| Uygulama Flutter veya web değil | Araç Discover adımında durur ve bunu belirtir | Native iOS, native Android ve React Native planlanıyor |
Kendi istemcinizi yazma
Her iki yol da belgelenmiştir: dosyanın JSON Şeması ile birlikte MCP araçları ve Setup API.
Yapay zekâ ile kurulum
Rendel'in kurulumunu kendi yapay zekâ kodlama aracınız yapar. SDK'yı uygulamanıza ekler; görünümünüzü, asistanınızı, bilginizi, ekranlarınızı ve aksiyonlarınızı tek bir dosyada tanımlar ve yönetim paneliniz bu dosyadan doldurulur.
Canlıya geçiş
Yeni bir uygulama, kurulumunu canlıda tamamlar. Hâlâ size ihtiyaç duyan konular ve bir anahtarın nasıl yenileneceği.