Kimi Websites Özelliklerine Genel Bakış

Kimi Websites Nedir

Kimi Websites, multimodal görsel agentic AI modeli Kimi K3 tarafından desteklenen, Kimi Agent’ın full-stack web sitesi oluşturma ürünüdür. Temel yeteneği görsel programlamadır (Vibe Coding): Doğal dilden, bir tasarım maketinden veya ekran kaydından eksiksiz bir full-stack web sitesi oluşturabilir, ardından çevrimiçi önizleyip tek tıkla yayınlayabilirsiniz.

Kimi Websites ile oluşturulan web siteleri şunları içerebilir:

• Frontend: HTML sayfa yapısı, CSS yerleşimleri ve stilleri, JavaScript etkileşim mantığı (hareket efektleri, animasyonlar vb.)
• Backend: Kalıcı veritabanı depolama, kullanıcı girişi ve kimlik doğrulama
• Mühendislik: Otomatik sürüm yönetimi, full-stack önizleme ve herkese açık dağıtım

Ürün Özellikleri

Nasıl Kullanılır

Yöntem 1: Web Üzerinden Erişim

Kimi Websites’a ayrılmış sayfayı ziyaret edin

1. Bir tarayıcı açın: Chrome, Safari, Edge veya Firefox gibi yaygın bir tarayıcı kullanın.
2. Resmî erişim adresini açın: Kimi Websites özel sayfası: https://www.kimi.com/zh/websites (Çince ve İngilizce arayüzleri destekler)
3. Hesabınıza giriş yapın: Bir Kimi hesabıyla oturum açın (cep telefonu numarası veya e-posta ile kayıt desteklenir)
4. Web sitesi oluşturma görevinizi girin. Kimi Websites, web sitesi oluşturmak için üç ana yol sunar:
   1. Metin girişi: Görevi iletişim kutusuna girin ve istediğiniz web sitesini doğal dille anlatın;
   2. Görsel/web sitesi remix: İlgili özelliği tetiklemek için bir tasarım maketi veya beğendiğiniz bir web sitesinin ekran görüntüsünü yükleyin;
   3. Şablon tabanlı web sitesi oluşturma: Hazır bir şablon seçip içeriği düzenleyerek standart bir web sitesini hızla oluşturun;
5. Oluşturmaya başlayın: Websites özellik arayüzüne girin, bir şablon seçin veya doğrudan konuşma yoluyla oluşturun.

Yöntem 2: Mobil Uygulamadan Erişim

Mobil App içinde özel web sitesi aracını seçin

Resmî Apps; iOS, Android ve HarmonyOS için kullanılabilir (uygulama adı: "Kimi"). Giriş kutusunun üzerindeki araç çubuğuna (Taskbar) dokunun → Websites moduna geçin. Bu mod, görsel girdi sağlayıp frontend kodu oluşturmanıza imkân veren multimodal üretim araçları ve Agent yetenekleri içerir.

Yöntem 3: Genel Agent Modu

Genel Agent modunda web sitesi oluşturma gereksinimlerinizi girin

Resmî web sitesinde veya mobil cihazda K3 modelini seçin ve web sitesi oluşturmaya ilişkin görev yönergelerini girin. Kimi, görsel programlama yeteneklerini ve kod yürütme araçlarını çağırır.

Adımlar

Konuşma Yoluyla Web Sitesi Oluşturma

Giriş kutusunda ihtiyacınızı doğal dille anlatın; Kimi bunu anlayıp uygular. Üç oluşturma yöntemi desteklenir:

Pratik Örnek

Text

Web Sitesi Oluşturma İş Akışına Genel Bakış

Text

Kimi Websites, web sitesi inşasına adanmış çok turlu bir kod üretim agent’ı olan webapp-building SKILL’i etkinleştirir. Aşağıdaki iş akışını otonom olarak yürütür:

1. Gereksinim ayrıştırma: Web sitesi özellik modüllerini, görsel stili ve etkileşim mantığını otomatik olarak analiz eder
2. Görev planlama: Çalışmayı tasarım, geliştirme ve varlık hazırlığı gibi alt görevlere böler
3. Teknik çözüm: Uygun teknik mimariyi otomatik olarak seçer (React + Tailwind CSS gibi)
4. Varlık üretimi: Gerektiğinde görsel ve ikon gibi görsel varlıklar üretir
5. Kod inşası: Sayfa yapısını, stilleri ve etkileşim kodunu yazar
6. Çok turlu optimizasyon: Web sitesi tamamlanana kadar önizlemeye göre otonom olarak ayarlamalar yapar

Önizleme ve Ayarlama

• Gerçek zamanlı önizleme: Tarayıcıda hemen açabileceğiniz bir HTML demo URL’si oluşturur
• Sohbetle düzenleme: "gezinti çubuğunu koyu stile çevir" gibi değişiklikleri istemek için konuşmaya devam edin

Gerçek Örnek

Text

Önizleme Paneli Arayüzü

Web sitesi oluşturulduktan sonra önizleme paneli sağda açılır ve konuşmada sürüm kartları da görünür. Başlıca işlem girişleri şunlardır:

Önizleme paneli üst araç çubuğu (soldan sağa):

Konuşmadaki sürüm kartları: Site adını, sürüm numarasını (V2 gibi) ve URL’yi gösterir. İlgili sürümü açmak için Previewe; o sürüme geri dönmek için Restorea tıklayın. All Files kartı, eksiksiz proje dosyalarını görüntülemenizi veya indirmenizi sağlar. Her düğmenin ayrıntılı kullanımı için aşağıdaki ilgili bölümlere bakın.

Görsel Düzenleme

• Çok turlu optimizasyon: Sürekli konuşma yoluyla web sitesi ayrıntılarını ince ayarlayın
• Düzenleme yolları:
  • Açıklama modu: Web sayfasında değiştirmek istediğiniz bölüme tıklayın ve doğal dille yorum ekleyin
  • Seçim modu: Web sayfasındaki herhangi bir öğeyi seçin ve yorum ekleyin
  • Önerilen değişiklikleri eklemek için dikdörtgenler, oklar, fırçalar, renk değiştirme ve diğer seçim/düzenleme araçlarını kullanın
• Birden fazla yere açıklama ekledikten sonra bunları konuşmaya ekleyin ve tüm önerileri tek seferde Kimi’ye gönderin

Kod Dağıtımı ve Yayınlama

"Özel URL" hakkında: 3–30 karakter; yalnızca küçük harf, rakam ve kısa çizgi kullanılabilir. Kısa çizgiyle başlayamaz veya bitemez ve tamamı rakamlardan oluşamaz. Bazı ayrılmış sözcükler (kimi, www, login vb.) kullanılamaz. Doluysa veya kullanılamıyorsa lütfen başka bir ad seçin.

"İndirip dağıtma" sınırları hakkında: Kimi hesabıyla giriş ve platform tarafından yönetilen bulut veritabanı Kimi platformu tarafından sağlanır ve dışa aktarılan kodla birlikte taşınmaz. Kodu kendi sunucunuza dağıtırsanız giriş yöntemini kendi veritabanınıza dayalı bir kullanıcı adı/şifre düzenine dönüştürmeniz, verileri de kendi veritabanınıza taşımanız gerekir. Yalnızca herkese açık erişim için doğrudan Tek tıkla yayınlama kullanmanızı öneririz; Kimi hesabıyla giriş ve bulut verileri normal şekilde çalışmaya devam eder. Ayrıntılar için Oluşturduğum web sitesi neden çalışmıyor? bölümüne bakın.

Sürüme Özel Önizleme

Oluşturma tamamlandığında önizleme sayfasına girersiniz. Önizleme arayüzünde farklı dağıtım sürümlerine tıklayabilir ve farklı sürümlerin dosyalarını indirebilirsiniz.

Yayınlama, Paylaşma ve Yayından Kaldırma

Yayınlamadan önce web sitesi yalnızca konuşma içinde önizlenebilir. Başkalarının erişebilmesi için önizleme panelinin sağ üst köşesindeki Sharee tıklayarak yayınlama panelini açın:

1. Özel URL: Varsayılan URL’deki adı değiştirebilirsiniz; örneğin yourname.ok.kimi.link yapabilirsiniz;
2. Herkese açık URL’yi almak için Copy Linke veya yeni bir sekmede görüntülemek için Open Websitea tıklayın. Yayınladıktan sonra panelin üst kısmında Published görünür ve bağlantıya sahip herkes erişebilir;
3. Siteyi çevrimdışına almak için panelin sağ üst köşesindeki … menüsünden Unpublishi seçin. Site artık herkese açık şekilde erişilemez (kod ve veriler korunur; istediğiniz zaman yeniden yayınlayabilirsiniz).

Çok Turlu Düzenleme

Belirli bir bölümden memnun değilseniz önizleme penceresindeki düzenle düğmesine tıklayarak iyileştirmeye devam edin. Kimi’ye doğal dille yönergeler gönderip Agent ile düzenlemeyi sürdürebilirsiniz. Sonucu onayladığınızda eksiksiz HTML/CSS/JS kodunu indirip doğrudan dağıtabilir veya bir editörde son rötuşları yapmaya devam edebilirsiniz.

Kimler İçin

• Geliştiriciler: Ürün prototipleri ve frontend demoları tasarlayarak sıfırdan oluşturma süresini büyük ölçüde azaltır.
• Girişimciler: Kaynaklar sınırlıyken resmî web siteleri, açılış sayfaları ve ürün tanıtım sayfalarını hızla oluşturur.
• Ürün yöneticileri: Geliştirme planlamasını beklemeden bir PRD’yi veya tasarım maketini gösterilebilir, etkileşimli bir prototipe hızla dönüştürür.
• Teknik olmayan kullanıcılar: Kodlama bilgisi gerekmez. Fikrinizi anlatın veya referans görsel yükleyin; konseptten çalıştırılabilir bir web sayfasına geçin.

Örnek Prompt’lar

İçerik üretmek için aşağıdaki senaryo ve prompt’lardan yararlanabilirsiniz