Kit: göz atma, önizlemeler ve modül ekleme

Keşfetme sayfası tam olarak üç düzeydir ve her biri yalnızca bileşen durumunda değil, sayfanın kendi adresinde yaşar: kategori ızgarası (/projects/kit veya /projects/<id>/kit), tek bir kategorinin modül listesi (?cat=<key> ekleyin) ve bir modülün tam ayrıntı sayfası (&module=<id> ekleyin). Bu sayede tarayıcının Geri düğmesi her zaman doğru çalışır ve belirli bir modülün ayrıntı sayfası gerçek, paylaşılabilir bir bağlantıdır. Birine nereye tıklayacağını anlatmak yerine doğrudan "Teklif veya Tahmin Talep Formu size tam olarak ne sağlar" bağlantısını gönderebilirsiniz. Escape tuşu, Geri gibi her seferinde bir düzey geri götürür.

Bir projenin içinden (/projects/<id>/kit) açıldığında sayfa hangi projeye baktığınızı bilir; bu sayede projede zaten neler olduğunu gösterebilir ve doğrudan oraya ekleme yapmanıza izin verir. Tek başına açıldığında (/projects/kit, Kit sekmesindeki bağlantıdan veya doğrudan), aynı üç düzeydir ancak projeye özgü bir şey yoktur. Ne inşa edeceğinize karar vermeden önce göz atmak ya da belirli bir projeyi açmadan kataloğu birine göstermek için kullanışlıdır.

Kategori ızgarasının üstünde, aiKit'in her yerindeki aynı iki yönlü geçiş düğmesi tüm kataloğu böler: Site kiti, web sitesinin veya uygulamanın kendisinin parçası olan bölümler ve özelliklerdir (sayfalar, formlar, galeriler, mağaza, randevu, SEO). İşletme araçları kiti ise projenin içinde değil, yanında çalışan araçlardır (pazarlama otomasyonu, faturalandırma, CRM, personel araçları, raporlama). Her kategori kutucuğu kaç modülü olduğunu gösterir ve modüllerinden en az biri Hazır modülü ise "N hazır" rozeti çıkar (aşağıya bakın).

Kategorilerin üstündeki arama kutusu, seçili geçiş düğmesi ne olursa olsun, modül adı veya açıklamasına göre TÜM katalogda aynı anda arama yapar. Yani Site kitine bakarken bile "fatura" araması onu bulur.

Bir projenin içinden açıldığında ve yalnızca arama yapmıyorken, aiKit gerçek öneriler sunabildiğinde kategori ızgarasının üstünde "Bu proje için önerilenler" satırı görünür. Bunlar projenin türüne göre eşleşen basit, yapay zekâ içermeyen kurallardır (bir web sitesine teklif formu, iletişim formu, yorum vitrini, yerel SEO ve SSS sayfaları önerilir; çevrim içi mağazaya sepet ve ödeme, terk edilen sepeti kurtarma ve ürün yorumları önerilir; açılış sayfaları, uygulamalar, yönetim sistemleri, panolar, müşteri portalları, bloglar ve pazarlama otomasyonu projeleri için de benzerleri). Buna ek olarak projenin kendi hedef metninde birkaç anahtar kelime eşleşmesi de yapılır ("teklif", "randevu", "yorum", "e-posta", "fatura" veya "çevrim içi satış" ifadelerinden biri geçerse ilgili modül kendi tek satırlık gerekçesiyle gösterilir). Projede zaten bulunanlar listeden çıkarılır ve liste altı modülle sınırlıdır.

Her modülün iki durum etiketinden biri vardır ve bu ifadeler bilerek pazarlama dili değil, açık ve gerçekçi tutulmuştur. "Hazır", modülün yapı motorunun test edilmiş modüllerinden biri olduğu anlamına gelir: yer tutucu olarak örnek verilerle gerçek bir sayfa oluşturan gerçek koddur ve canlı bir sitenin aldığı tam aynı şablondur. "Sizin için oluşturulan" ise kataloğun gerçek, planlanmış bir parçasıdır ancak henüz hiçbir şey oluşturmaz: seçildiğinde plana eklenir ve gerçek bir iş kaydı açılır; modül, diğer yapay zekâ düzenlemelerinin yaptığı gibi sitenin kendi koduna, kendi markası ve metniyle eklenir. Sadece bugün hazır, test edilmiş bir şablonu yoktur.

Her iki durum da "gerçek değil" ya da "varsayımsal" anlamına gelmez. İkisi de aiKit'in sizin için gerçekten oluşturacağı şeylerdir. Etiketin belirttiği tek fark, bitmiş halini şimdi görüp göremediğinizdir; yoksa bunu bir açıklama ve bir şemadan hayal etmeniz gerekir.

Bir kategori açıldığında içindeki her modül bir kart olarak gösterilir: küçük bir önizleme resmi, modülün adı, durum etiketi, kısa tek satırlık açıklama, "En iyi kullanım alanı" etiket satırı (en fazla üç tane) ve modül zaten eklenmişse "Bu projede" (bir proje içinde geziniyorsanız). Hazır bir modülün önizleme resmi, gerçek sayfanın küçük canlı bir önizlemesidir; yalnızca ekrana kaydırıldığında yüklenir ve ekranda aynı anda en fazla altı canlı önizleme gösterilir; böylece uzun bir kategori sayfayı yavaşlatmaz. Bu sınırın ötesindeki modüller, görünür hale gelene kadar basit bir yükleniyor yer tutucusu gösterir. Sizin için oluşturulan bir modülün önizleme resmi, aşağıda anlatılan açıklayıcı şemanın sadece daha küçük bir halidir; ancak çalışan bir önizlemesi olan modüller hariçtir (aşağıya bakın). Bu modüllerin kartında gerçek örnek site küçültülmüş olarak, "Çalışan önizleme · N varyasyon" rozeti ve "Ayrıntıları gör" yerine "Çalışır halini gör" düğmesi gösterilir. "Ayrıntıları gör" modülün kendi sayfasını açar.

Hazır modüller için önizleme, gerçek test edilmiş sayfanın tam boyutlu canlı bir iframe'idir; küçük bir tarayıcı penceresi gibi çerçevelenmiştir. Masaüstü/Telefon düğmesi çerçeveyi gerçekten yeniden boyutlandırır, böylece sayfanın telefonda nasıl göründüğünü kontrol edebilirsiniz (gerçek bir telefonda bu düğme yerini düz bir "Telefon önizlemesi" etiketine bırakır ve çerçeve doğrudan formun olduğu yere kaydırılmış açılır; böylece yalnızca üst bölümü değil, alanları görürsünüz). Çerçeve alt kısmında soluklaşır; altındaki "Tam önizlemeyi aç" sayfanın tamamını yeni bir sekmede açar, altındaki açıklama ise yerine geçen örnek işletmenin adını gösterir. Bir proje içinde açıldığında, "Bu sitenin renklerinde göster" düğmesi aynı önizlemeyi projenin kendi marka renkleriyle ve proje adıyla yeniden ister. Renkler, brief'in marka notlarına yazılmış herhangi bir #hex kodundan okunur. Böylece genel bir örnek yerine gerçek sitenizin nasıl görüneceğine daha yakın bir şey görürsünüz.

Sen'e özel modüllerde canlı iframe yoktur. Bunun yerine, kategori listesindeki aynı açıklayıcı taslak daha büyük çizilmiş halde görürsünüz: düzenin şekline dair sade, tek çizgili bir SVG diyagramı (bir formun alanları, bir takvimin ızgarası, bir panonun kutucukları, modüle uygun ekran türü) ve modülün kendi önizleme verilerinden alınan birkaç kısa etiket. Bunların hepsinin altında her zaman ve asla kaldırılmadan şu açıklama bulunur: "Düzenin çizimi. Sizin sürümünüz sitenizle uyumlu olacak şekilde tasarlanır." Bu, şekil taslağının bitmiş, markaya uygun bir önizleme ile karıştırılmasını önlemek için oradadır.

Çalışan önizlemeler (2026-10-04): Büyüyen sayıda Sen'e özel modül taslağı atlar ve bunun yerine detayların üstünde tam genişlikte gösterilen, tıklanabilir eksiksiz bir örnek site açar. E-ticaret / Çevrimiçi Mağaza kategorisindeki on iki modülün tamamı aynı örnek çömlek dükkânı Juniper Kiln'i açar; her modül onu kendi konusuna göre gösterir: katalog (filtreleme, sıralama, arama, bir ürünü açma ve sır ile boyut seçme; resim ve fiyat değişir), sepet ve ödeme (miktarları değiştirme, ürünleri kaldırma, WELCOME10, FREESHIP veya GIFT-2580 girme, posta koduna göre teslimat süresini tahmin etme ve bir onay sayfasına kadar ödemeyi tamamlama), ödeme seçenekleri (kart, Pay in 4 ve cüzdan düğmeleri), kargo ücretleri, indirim kodları ve hediye kartları, ürün yorumları (yıldıza veya fotoğrafa göre filtreleme, faydalı olarak işaretleme, yorum yazma), paketler ve ek ürünler, satış vergisi (teslimat eyaletini değiştirince vergi satırı değişir), müşteri hesapları (oturum açma, yeniden satın alma, paketi takip etme, iade başlatma), sipariş e-postaları (onay, kargoya verildi ve teslim edildi e-postaları, çalışan bir takip sayfasıyla), iadeler ve değişimler (siparişi bulma, ürün ve neden seçme, iade etiketi alma) ve envanter (stok değiştirildiğinde alıcının gördüğünü değiştiren bir Sahip görünümü). Çevrimiçi Kurslar ve Dijital Ürünler kategorisindeki on modülün tamamı örnek bir ekmek okulu olan Rise & Crumb'ı açar: bir dersi oynatma (hız, altyazı), tamamlandı olarak işaretleme, ilerleme halkasının dolmasını izleme, sınavı çözme, ücretsiz önizlemeden kayıt olma, sertifikayı görme, bir dersin altında soru sorma, dijital indirme satın alma, bir kurs paketi seçme veya ödeme sırasında ek ürün işaretleme ve dersleri yeniden adlandırmak, sıralamak, eklemek veya yayından kaldırmak ve her haftanın ne zaman açılacağını ayarlamak için Sahip görünümüne geçme. Yayın takvimi modülünde, çerçevenin üstündeki Önizleme zamanı satırında bir hafta ileri atlama (ve bugüne dön) bulunur; böylece kilitli derslerin açılış tarihlerinde nasıl açıldığını izleyebilirsiniz.

Çerçevenin üstünde, modülün sunduğu her varyasyon için bir seçenek satırı bulunur (örneğin Mağaza düzeni: Izgara, Liste veya Öne çıkan; Sepet: Kayan sepet veya Sepet sayfası ile Ödeme: Tek sayfa veya Adım adım; Yayın kuralı: Belirli tarihlerde, Katıldıktan sonra kaç gün veya Son dersi bitirdikten sonra). Bir seçenek seçildiğinde örnek site hemen o varyasyonla yeniden çizilir ve sayfa adresine (?v=…) kaydedilir; böylece belirli bir varyasyona ait bağlantı paylaşılabilir. Masaüstü ve Telefon, çerçeveyi yeniden boyutlandırır; örnek site telefonda olacağı gibi yeniden akar (gerçek bir telefonda bu, düz bir "Telefon görünümü" etiketidir). Sıfırla, örnek siteyi başlangıç haline döndürür. Kısa "Yapılacaklar" satırı önce neye tıklayacağınızı listeler ve seçilen her varyasyonun açıklaması çerçevenin altında yer alır. Brief'inde marka renkleri olan bir projenin içinde, "Bu sitenin renklerinde göster" düğmesi örnek sitenin ana rengini projenin kendi rengiyle değiştirir (yalnızca bu renk, beyaz düğme yazısının okunabilmesi için yeterince koyuysa).

Çalışan bir önizlemedeki hiçbir şey bir sunucuya ulaşmaz. Bir ödeme bağlantısı yoktur: ödeme ekranında "Önizleme — hiçbir ücret alınmaz ve sipariş gönderilmez" yazar, kart numarası sabit, salt okunur bir örnektir ve cüzdan düğmeleri (Apple Pay, Google Pay, PayPal) yalnızca bir not gösterir. E-posta gönderilmez, yorum yayımlanmaz ve hiçbir şey kaydedilmez; sayfadan ayrılmak her şeyi unutturur. Örnek işletmeler, ürünler, kişiler ve fiyatlar uydurmadır. Çerçevenin altındaki açıklama bunu belirtir: "Uydurma bir işletme için örnek verilerle çalışan önizleme. Sizin sürümünüz kendi ürünlerinizi, fiyatlarınızı, metninizi ve markanızı kullanır. Burada hiçbir şey ücretlendirilmez, kaydedilmez veya gönderilmez." Diğer tüm Sen'e özel modüller hâlâ düzen çizimini gösterir.

• Ziyaretçinin gördükleri — modülü kullanan birinin gerçekte neyi deneyimlediğini adım adım anlatan, numaralandırılmış, sade bir açıklama.
• Ne elde edersiniz — modülün proje sahibine verdikleri (bir yerde kaydedilen potansiyel müşteriler, güncelleyebileceğiniz bir durum ve benzeri).
• Özellikler ve yalnızca katalogda tanımlanmış gerçek adlandırılmış varyantları olan modüller için "Varyantı seçin" bölümü: bu bölümde seçilebilir kartlar bulunur (ilki küçük bir onay işaretiyle varsayılan olarak seçilidir). Böylece gerçek bir "ya bu ya şu" seçimi, elle yazılmak yerine burada yapılır (yalnızca serbest metinle yapılan özelleştirme değil).
• Neden önemli — bir işletmenin bunu neden isteyeceğinin dürüst gerekçesi.
• Nasıl özelleştirilir (Hazır) veya Seçebileceğiniz varyantlar (Sen'e özel) — bununla ilgili gerçekten neyin farklı yapılabileceği.
• En iyi sonucu verdiği işletmeler — karttaki aynı işletme türü etiketleri, tam olarak gösterilir.
• Nasıl oluşturulduğu — bu modülün tam olarak nasıl var olduğunu anlatan tek, sade bir cümle (bugün motorun gösterdiği test edilmiş bir sayfa mı, yoksa bir oluşturma sırasında yapay zekâ tarafından siteye eklenen bir yapı mı olduğu); ödemeler veya haritalar gibi üçüncü taraf bir hesap gerektiriyorsa bunun notu da.

Her şeyin altında "Bunu <proje adı> projesine ekle" yer alır (henüz bir proje seçilmediyse "projeniz" yazar, yani gezinirken proje seçilmemiş olur). Modülün özelleştirme fikirleri varsa önce bir kontrol listesi olarak görünür; Hazır modül için "Önerilen özelleştirmeler", Sizin için hazırlanan modül için "İstediğiniz varyantları seçin" başlığıyla. Bunlardan birini işaretlemek, o satırı yalnızca sessiz bir kutu olarak değil, gönderilen içeriğin bir parçası olarak ekler.

Çalışan önizlemesi olan bir modül için panel, önizlemenin altındaki sol sütunda yer alır ve "Varyantınız" ile başlar — önizlemenin seçim satırlarında seçilen varyant (örneğin "Sepet: Sepet sayfası · Ödeme: Adım adım"). Ekle'ye bastığınızda önizlemede görünen her şey kaydedilir: projenin özetine o modülle birlikte yazılır ve iş öğesi "Varyant: …" olarak görünür, böylece onu oluşturan kişi bu düzeni kurar. Özellikler bölümünde adlandırılmış seçenekleri olan bir modül, orada "Sizin için en önemli olan hangisi?" diye sorar; böylece iki seçim karışmaz.

"Sizin için neler farklı olmalı?" alanı, aiKit'in her yerindeki sesle yazma düğmesiyle birlikte gelen serbest metin notudur; ayrıca logo, referans fotoğrafı veya teknik özellik belgesi için "Fotoğraf veya PDF ekle" düğmesi vardır (yalnızca resim ve PDF, her biri en fazla 2,5 MB). Eklenen dosyalar orada kaldırılabilir parçalar olarak görünür. Modül, iyi kurulabilmesi için gerçek ve özel sorulara ihtiyaç duyuyorsa, bunlar "Size soracaklarımız" başlığı altında görünür; her birinin kendi isteğe bağlı metin alanı vardır, böylece beklemeden önceden yanıtlayabilirsiniz.

"Plana ekle", gerçek bir projede olduğunuzda her zaman kullanılabilir: seçimi projenin özetine kaydeder (Site planı ekranının ve proje sayfasının okuduğu aynı plan) ve Geri Bildirim sekmesinde, diğer tüm isteklerle aynı şekilde, "Bizde bekliyor" etiketli gerçek bir, ekibe yönelik iş öğesi oluşturur. "Ekle ve hemen oluştur" ise yalnızca projenin zaten düzenlenecek gerçek dosyaları olduğunda, yani ilk oluşturması bitmişse veya yayındaysa yanında görünür; aynı iki işlemi yapar ve ardından bu iş öğesini, Yapay Zekâ ile Düzelt'in kullandığı aynı yapay zekâ editöründen hemen geçirir, ayrı bir kuyruk yoktur. Projede zaten bulunan bir modülü eklemeye çalışmak, kopya oluşturmak yerine düz bir "zaten bu projede" mesajıyla reddedilir.

Gönderildikten sonra, düğmelerin yerini gerçekte ne olduğunu gösteren bir onay mesajı alır: sade "Plana iş öğesi olarak eklendi" mesajı veya hemen oluşturma isteği için gerçek durum (başladı ya da başlayamamasının nedeni, örneğin önce incelemeye alındığı için beklemede olması). Ayrıca "Planı aç" ve "İstekleri gör" bağlantılarıyla, nereye gittiğini hiç merak etmeden takip edebilirsiniz.

/projects/kit adresinde — barındırılan projeler panelinin geri kalanıyla aynı gerçek oturum açma ile, proje gerekmeden — her şey tam olarak aynı çalışır; bir şey eklemeye çalışana kadar. "Bir projeye ekle" düğmesine basınca (proje yüklü değilken düğme "Plana ekle" yerine bu şekilde yazar) "Hangi projeye eklensin?" açılır; hesabınızdaki her projeyi listeleyen küçük bir seçici. Birini seçtiğinizde, aynı modül açık halde, eklemeyi tamamlamaya hazır şekilde doğrudan o projenin kendi Kit Gezgini'ne yönlendirilirsiniz. Henüz hiç projeniz yoksa seçici bunu açıkça söyler ve sizi çıkmazda bırakmak yerine doğrudan bir "Proje başlat →" bağlantısı sunar.