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ış

ÖzellikAçı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 anlamaTasarı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ımTek tıkla anında yayımlama
Çok turlu düzenlemeSürüm karşılaştırmasıyla yinelemeli site revizyonları
Tek tıkla paylaşımKolayca paylaşmak için erişilebilir bağlantılar oluşturun
Şablon seçimiHızlı başlangıç için çok sayıda hazır şablon
Kod dışa aktarmaKendi 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

Kimi websites homepage
  1. Tarayıcıyı açın: Chrome, Safari, Edge, Firefox veya başlıca tarayıcılardan birini kullanın
  2. Şu adrese gidin: kimi.com/websites (Çince ve İngilizce destekler)
  3. Giriş yapın: Kimi hesabınızla (telefon numarası veya e-posta)
  4. Görevinizi girin:
YaklaşımAçıklama
Metin girişiİsteğinizi doğal dille yazın
Görüntü/site kopyalamaBir 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
  1. Oluşturmaya başlayın: Bir şablon seçin veya sohbetle baştan başlayın
screenshot 27

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öntemAçıklama
Metinle açıklamaWeb sitesi gereksinimlerini doğrudan girin; yapay zekâ otomatik olarak üretsin
Tasarım taslağı çözümlemeBir tasarım dosyası yükleyin; yapay zekâ bunu tanıyıp web sayfası olarak yeniden oluştursun
Şablonla hızlı oluşturmaHazır bir şablon seçip içeriği değiştirin

Örnek istem:

Text

2. Adım: oluşturma süreci

screenshot 26

Kimi Websites, webapp-building SKILL'i etkinleştirir; bu, özel bir çok turlu kod üretme ajanıdır:

  1. Gereksinim analizi: Web sitesi modüllerini, görsel stili ve etkileşim mantığını analiz eder
  2. Görev planlama: Tasarım, geliştirme ve içerik hazırlama alt görevlerine ayırır
  3. Teknoloji yığını seçimi: Uygun mimariyi seçer (örneğin React + Tailwind CSS)
  4. İçerik üretimi: Görseller, simgeler ve diğer görsel öğeleri oluşturur
  5. Kod inşası: Sayfa yapısını, stillendirmeyi ve etkileşim kodunu yazar
  6. Ç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.

web case2

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öntemiAçıklama
Otomatik dağıtımÇevrimiçi bağlantı oluşturarak tek tıkla dağıtım
İndir ve kendin barındırPaketlenmiş 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
web case1

Hedef kitle

KitleKullanı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şimcilerSınırlı kaynaklarla hızla açılış sayfaları, ürün vitrinleri ve kurumsal web siteleri oluşturun
Ürün YöneticileriPRD'leri veya tasarım taslaklarını hızla gösterilebilir etkileşimli prototiplere dönüştürün
Teknik bilgisi olmayan kullanıcılarKodlama 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 portfolyoBir 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 sitesiYumuş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