Frontend & Arayüz
imagegen-frontend-web
Landing page’in her bölümü için ayrı bir yatay referans görsel üretir.
Nedir
Web sitesi tasarım referansları için bir görsel yönetmenlik skill’i. Her bölüm için tek bir kilitli palet ve set boyunca çeşitlenen hero kompozisyonuyla ayrı bir yatay görsel üretir.
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections pro
Tasarım için neden önemli
- Sekiz bölümlük bir landing page, tek bir sıkışık pano yerine sekiz okunabilir kompozisyon verir.
- Hero kompozisyonu, aşırı kullanılan sol metin, sağ görsel varsayılanının ötesine çeşitlenir.
- Tek bir palet, yazı ölçeği ve CTA ailesi, üretilen her karede korunur.
Neleri kapsıyor
- Image count and page slicing
- The combinatorial variation engine
- Hero minimalism rules
- Color and material rules
- Multi-image consistency rule
- Default site packs
Nasıl kurulur
imagegen-frontend-web
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/imagegen-frontend-web/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Kaç bölüm istediğinizi söyleyin; belirtilmezse landing page varsayılan olarak altı bölüme kurulur.
-
Skill önce sayıyı bildirir, sonra her çıktıyı bölüm numarasıyla etiketler.
-
Hero ölçeğini ve arka planı yönlendirmek için editoryal ya da sinematik gibi hava kelimeleri verin.
Buradaki her eklenti ücretsiz, açık kaynak ve gerçek üst kaynağına bağlantı veriyor.
codex-design listesinde dahası ↗Diğer Codex tasarım eklentileri
Frontend & Arayüz Ne yapar gpt-taste GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar. 
Tasarım Sistemleri Ne yapar Stitch Design Taste Google Stitch’i sıradan olmayan ekranlara yönlendiren bir DESIGN.md yazar. 
Frontend & Arayüz Ne yapar image-to-code Önce tasarım görselleri üretir, onları analiz eder, sonra eşleşen frontend kodunu kurar. 
Frontend & Arayüz Ne yapar imagegen-frontend-mobile Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir. Sonraki adım
Kurulum derdi olmadan Open Design ile tasarlayın
Bu eklentiyi kendiniz kurun ya da Open Design ile Codex’in etrafına baştan sona küratörlü bir tasarım katmanı geçirin. Kendi anahtarınızı getirin, çıktınızın sahibi olun.