Bir deney yaptık: Kimi K2.7 Code ve Claude Fable 5'in her birine 12 açılış sayfası hazırlattık ve yan yana karşılaştırdık. Genel olarak Kimi K2.7 Code, Fable 5'ten yaklaşık %94 daha ucuzdu (16 kat daha az maliyetli) ve özellikle Kimi'ye bir tasarım MCP'si ile doğru bağlamı verdikten sonra benzer kalitede çıktılar üretti.
Bulgularımızı, Claude Opus 4.8, Claude Fable 5 ve Kimi K2.7 Code tarafından oluşturulan tüm varyantlarla birlikte OVSC web sitesinde yayınladık. Ortalama olarak Kimi, Fable'dan yaklaşık 16 kat, Opus'tan ise yaklaşık 8 kat daha ucuzdu.
https://ovsc.vercel.app/ adresinden bir ekran görüntüsü
OVSC web sitesi, tüm açılış sayfalarını toplam maliyet, token kullanımı ve oluşturma süresi detaylarıyla birlikte incelemenize olanak tanır.
Bu deneyi nasıl yürüttüğümüzü anlamak için önce bir temel oluşturduk ve modelin yalnızca istemden neler üretebileceğini gördük.
İstemler
B2B SaaS, bir çatı katı gizli barı ve SQL sorguları için bir geliştirici aracı dahil olmak üzere birkaç farklı kategoride küçük bir açılış sayfası istem setiyle başladık. Kullandığımız istemlerden bir örnek:
- SQL sorgularını grafiklere dönüştüren bir geliştirici aracı için açılış sayfası oluştur.
- Bir çatı katı gizli kokteyl barı için açılış sayfası oluştur - art deko, altın varak ve zümrüt, 1920'ler ihtişamı.
- Bir B2B SaaS girişimi için açılış sayfası oluştur - bir ekip proje yönetimi ve iş birliği aracı (görevler, zaman çizelgeleri, ekip iş akışları, entegrasyonlar).
Aynı istemleri hem Kimi K2.7 Code'a hem de Claude Fable 5'e verdik.
İşte bu modellerin “SQL sorgularını grafiklere dönüştüren bir geliştirici aracı için açılış sayfası oluştur.” istemi üzerine oluşturdukları sayfalar.
Ne yazık ki, her iki model de yapay zeka tarafından oluşturulduğu belli olan açılış sayfaları üretti.
Tasarım İlhamı MCP Sunucusu
İyi tasarlanmış açılış sayfalarının ekran görüntülerinin yanı sıra bireysel UI öğeleri ve diğer görsel referansları sağlayan özel bir MCP sunucusu kurduk. Kimi K2.7 Code çok modlu olduğu için bu görselleri doğrudan metinle birlikte isteme dahil edebildik.
Bu, sonuçları önemli ölçüde değiştirdi. Kimi, kısa bir istemden tek başına bir düzen oluşturmak yerine somut örneklerden çalışabiliyor, görsel dili kavrayabiliyor ve bu kalıpları yeni bir sayfaya uygulayabiliyordu. Uygulamada sonuçlar daha güçlü bir hiyerarşi, daha iyi tipografi ve daha bilinçli bir kompozisyona sahipti.
İşte Çatı Katı Gizli Barı açılış sayfasının öncesi ve sonrası:
Tasarım ilhamı ile Kimi, daha hızlı yüklenen, bozuk görsel yer tutucularından kaçınan ve çok daha okunabilir tipografi kullanan sayfalar üretti.
Tasarım iyileştikten sonra keşfetmek istediğimiz bir sonraki şey maliyetti.
Açılış Sayfası Başına Maliyetler
Kimi K2.7 Code gibi açık kaynaklı bir model kullanmanın avantajlarından biri maliyettir. Örneğin, bir B2B SaaS için olan bu açılış sayfasının maliyeti Kimi ile sadece 4 sentti. Aynı istem Claude Fable ile 1,09 dolara mal oldu ve bu da neredeyse 27 kat daha pahalı hale getirdi.
Ortalama olarak, Kimi K2.7 Code ile oluşturduğumuz açılış sayfaları, Claude Fable 5 gibi tescilli bir modelle oluşturulanlardan kabaca 16 kat daha ucuzdu.
Üretken kodlama aracılarıyla genellikle bir açılış sayfasının yalnızca bir sürümünü oluşturmazsınız. Daha sık olarak, farklı tasarım yönlerini, metni ve sayfa öğelerini keşfedebilmek için birçok varyasyon üretirsiniz. Daha sonra umut vaat edenler üzerinde yineleme yapar, deney ve ayarlamanın tekrarlanan döngüleriyle düzenler ve iyileştirirsiniz. Tüm bu gidiş gelişlerle, basit bir SaaS açılış sayfası için bile fiyat farkı hızla birikir.
Kimi K2.7 Code ile 100 sayfa oluşturacak olsaydınız, Claude Fable 5 gibi tescilli bir model kullanmaya kıyasla yaklaşık 94 dolar tasarruf ederdiniz.
Düşük maliyet açık bir avantajdı, ancak sonuçların kalitesini karşılaştırmanın bir yolunu da istedik.
Sonuçları Karşılaştırma
Açılış sayfalarını oluşturduktan sonra, Kimi ve Fable'ı sistematik bir şekilde karşılaştırmanın bir yolunu aradık. Yalnızca kodun kendisine değil, aynı zamanda konumlandırma, görsel yön, içerik yapısı, işçilik, duyarlılık ve teknik uygulama dahil olmak üzere her sayfanın genel kalitesine baktık. Bunu yapmak için GPT-5.5'e her sayfanın ekran görüntülerini ve kaynak kodunu inceleyip puanlaması ve 0 ile 100 arasında nihai bir puan vermesi için bir rubrik verdik.
İşte her açılış sayfasının puanları:
Claude Fable her iki örnekte de daha yüksek puan aldı, ancak fark nispeten küçüktü. Kimi, tasarım, yapı ve genel sayfa kalitesinde rekabetçi kaldı ve aynı zamanda çalıştırma maliyeti çok daha düşüktü. Bu tür bir iş akışı için bu ödünleşimin makul olduğunu düşündük.
Claude Fable her iki örnekte de daha yüksek puan aldı, ancak fark nispeten küçüktü. Kimi, tasarım, yapı ve genel sayfa kalitesinde rekabetçi kaldı ve aynı zamanda çalıştırma maliyeti çok daha düşüktü. Bu tür bir iş akışı için bu ödünleşimin makul olduğunu düşündük.
Son Düşünceler
Kimi K2.7 Code gibi açık kaynaklı modeller zaten kullanışlı açılış sayfaları oluşturma kapasitesine sahip, ancak deneyimiz, istemlerin denklemin yalnızca bir parçası olduğunu gösterdi. Daha iyi bir bağlam olmadan, hem Kimi hem de Claude Fable cilalı ama genel sonuçlar üretme eğilimindeydi.
En büyük iyileşme, Kimi'ye özel bir MCP sunucusu aracılığıyla görsel ilham vermekten geldi. Ekran görüntüleri ve tasarım referanslarından çalışabildiğinde, sayfalar daha okunabilir, daha yapılandırılmış ve görsel olarak daha bilinçli hale geldi.
Düşük maliyetle birleştiğinde bu, açık kaynaklı modelleri bu tür bir iş akışı için pratik bir seçim haline getiriyor. Modele daha güçlü girdiler verebilir ve ucuza yineleme yapabilirseniz, şaşırtıcı derecede ileri gidebilirsiniz.
Kimi K2.7 Code gibi açık kaynaklı modelleri together.ai adresinde deneyebilirsiniz.
