Kimi Websites
Kimi Websites, en yeni Kimi K2.6 çok kipli görsel ajan yapay zekâ modeliyle güçlendirilmiş bir Kimi Agent ürün özelliğidir. Temel yeteneği Vibe Coding'dir; yani doğal dilden web siteleri üretip bunları çevrimiçi dağıtmaktır.
Kimi, görsel girdileri (arayüz taslakları, ekran görüntüleri, etkileşim videoları) ve doğal dil yönergelerini anlayarak kullanıcı girdisini eksiksiz ve çalıştırılabilir ön uç koduna dönüştürür; bu yalnızca statik arayüzü değil, dinamik etkileşimli davranışı da kapsar.
Özelliklere genel bakış
| Özellik | Açıklama |
|---|---|
| Sohbetle site oluşturma | İhtiyaçlarınızı doğal dille anlatın; yapay zekâ web sitesini otomatik olarak üretsin |
| Görüntü/Video anlama | Tasarım taslaklarını/ekran görüntülerini/ekran kayıtlarını yükleyin; yapay zekâ bunları çözümleyip HTML sayfaları oluştursun |
| Otomatik dağıtım | Tek tıkla anında yayımlama |
| Çok turlu düzenleme | Sürüm karşılaştırmasıyla yinelemeli site revizyonları |
| Tek tıkla paylaşım | Kolayca paylaşmak için erişilebilir bağlantılar oluşturun |
| Şablon seçimi | Hızlı başlangıç için çok sayıda hazır şablon |
| Kod dışa aktarma | Kendi sunucunuzda barındırmak için paketlenmiş HTML/CSS/JS dosyalarını indirin |
Kimi Websites nasıl kullanılır?
1. Yöntem: Kimi Websites sayfasına gidin

- Tarayıcıyı açın: Chrome, Safari, Edge, Firefox veya başlıca tarayıcılardan birini kullanın
- Şu adrese gidin: kimi.com/websites (Çince ve İngilizce destekler)
- Giriş yapın: Kimi hesabınızla (telefon numarası veya e-posta)
- Görevinizi girin:
| Yaklaşım | Açıklama |
|---|---|
| Metin girişi | İsteğinizi doğal dille yazın |
| Görüntü/site kopyalama | Bir tasarım taslağı veya ekran görüntüsü yükleyin |
| Şablon tabanlı | Hazır bir şablon seçip içeriği değiştirin |
- Oluşturmaya başlayın: Bir şablon seçin veya sohbetle baştan başlayın

2. Yöntem: mobil uygulama
iOS, Android ve HarmonyOS'un tamamında resmi Kimi uygulaması mevcuttur. Giriş alanında Görev çubuğu'na dokunup Websites Agent moduna geçin; bu mod çok kipli üretim araçları ile Agent yeteneklerini içerir.
3. Yöntem: K2.6 Agent modunu kullanın
K2.6 Agent moduna geçip bir site oluşturma görevi girin. Kimi, görsel kodlama yeteneklerini ve kod çalıştırma araçlarını devreye sokar.
Kimi Websites nasıl çalışır?
1. Adım: sohbet yoluyla bir web sitesi oluşturun
İhtiyaçlarınızı doğal dille anlatın. Üç oluşturma yöntemi desteklenir:
| Yöntem | Açıklama |
|---|---|
| Metinle açıklama | Web sitesi gereksinimlerini doğrudan girin; yapay zekâ otomatik olarak üretsin |
| Tasarım taslağı çözümleme | Bir tasarım dosyası yükleyin; yapay zekâ bunu tanıyıp web sayfası olarak yeniden oluştursun |
| Şablonla hızlı oluşturma | Hazır bir şablon seçip içeriği değiştirin |
Örnek istem:
2. Adım: oluşturma süreci

Kimi Websites, webapp-building SKILL'i etkinleştirir; bu, özel bir çok turlu kod üretme ajanıdır:
- Gereksinim analizi: Web sitesi modüllerini, görsel stili ve etkileşim mantığını analiz eder
- Görev planlama: Tasarım, geliştirme ve içerik hazırlama alt görevlerine ayırır
- Teknoloji yığını seçimi: Uygun mimariyi seçer (örneğin React + Tailwind CSS)
- İçerik üretimi: Görseller, simgeler ve diğer görsel öğeleri oluşturur
- Kod inşası: Sayfa yapısını, stillendirmeyi ve etkileşim kodunu yazar
- Çok turlu iyileştirme: Önizleme sonuçlarına göre tamamlanana kadar kendini ayarlar
3. Adım: önizleme ve düzenleme
- Canlı önizleme: Tarayıcıda anında görüntülemek için bir HTML demo URL'si oluşturur
- Sohbetle düzenleme: Değişiklik istemek için sohbete devam edin, örneğin "Gezinme çubuğunu koyu yap"
Örnek: "Renkler pek iyi durmuyor; siyah-beyaz şartını kaldırıp normal görünümlü bir web sitesi yapmak isterim." Kimi, yapılacaklar listesini yeniden düzenleyip oluşturmaya devam eder.

4. Adım: görsel çevrimiçi düzenleme
- Çok turlu iyileştirme: Sürdürülen sohbet aracılığıyla ayrıntıları ince ayar yapın
- Düzenleme kipleri:
- Açıklama kipi: Alanlara tıklayıp doğal dille notlar ekleyin
- Seçim kipi: Herhangi bir öğeyi seçip notlar ekleyin
- Revizyon önerilerini işaretlemek için dikdörtgenleri, okları, fırçaları ve renk değiştirmeyi kullanın
- Tüm revizyon önerilerini Kimi'ye tek seferde gönderin
5. Adım: dağıtma ve yayımlama
| Dağıtım Yöntemi | Açıklama |
|---|---|
| Otomatik dağıtım | Çevrimiçi bağlantı oluşturarak tek tıkla dağıtım |
| İndir ve kendin barındır | Paketlenmiş kod dosyalarını indirip kendi sunucunuza dağıtın |
| Özel alan adı | Oluşturulan web sitesini kendi alan adınıza bağlayın |
Oluşturma tamamlandıktan sonra şunları yapabilirsiniz:
- Sürüm dosyalarını indirmek için farklı dağıtım sürümlerine tıklayın
- Genel olarak dağıtılmış bir bağlantı almak için Paylaş (Share) düğmesine tıklayın (ya da gizliye ayarlayın)
- Revizyona devam etmek için Düzenle (Edit) düğmesine tıklayın
- Doğrudan dağıtım veya daha fazla iyileştirme için eksiksiz HTML/CSS/JS kodunu indirin

Hedef kitle
| Kitle | Kullanım Senaryosu |
|---|---|
| Geliştiriciler | Ürün prototipleri ve ön uç demoları tasarlayarak sıfırdan oluşturma süresini büyük ölçüde azaltın |
| Girişimciler | Sınırlı kaynaklarla hızla açılış sayfaları, ürün vitrinleri ve kurumsal web siteleri oluşturun |
| Ürün Yöneticileri | PRD'leri veya tasarım taslaklarını hızla gösterilebilir etkileşimli prototiplere dönüştürün |
| Teknik bilgisi olmayan kullanıcılar | Kodlama gerektirmez; fikrinizi anlatın veya bir referans görseli yükleyip kavramdan çalışan web sayfasına geçin |
Referans senaryolar
| Senaryo | Örnek İstem |
|---|---|
| Sıfırdan açılış sayfası | Teknolojik bir estetiğe sahip bir SaaS pazarlama açılış sayfası oluştur; hero bölümü, özellik özeti, fiyatlandırma ve CTA içersin |
| Videodan siteye yeniden oluşturma | [Ekran kaydı yükleyin] Bu videoda gösterilen web sitesini, orijinal etkileşim efektlerini koruyarak yeniden oluştur |
| Ekran görüntüsünden yeniden oluşturma | [Tasarım taslağı yükleyin] Bu tasarımı çalıştırılabilir web sayfası koduna dönüştür |
| Kişisel portfolyo | Bir fotoğrafçının portfolyo sitesini oluştur; sade siyah-beyaz stil ve tuğla düzeninde görsel yerleşimi olsun |
| Veri görselleştirme sayfası | Grafikler ve filtrelerle 2025 yapay zekâ şirketi yatırım verilerini gösteren bir görselleştirme sayfası oluştur |
| Marka web sitesi | Yumuşak toprak tonlarında bir kahve markası web sitesi oluştur; ana sayfa, ürünler ve mağaza bulucu sayfalarını içersin |
| Yardımcı araç / Hesaplayıcı | Bir BMI hesaplayıcı web sayfası oluştur; sade arayüzlü, birim değiştirme destekli ve sağlık seviyesi göstergeleri olsun |