Frontend & Arayüz
gpt-taste
GSAP scroll hareketi ve boşluksuz bento ızgaralarıyla ödüllük tarzda landing page’ler kurar.
Nedir
Hero, tipografi, bileşen ve GSAP paradigmalarını simüle edilmiş rastgele seçimle zorunlu kılan bir frontend direktifi. Ayrıca AIDA sayfa yapısını ve geniş bölüm boşluklarını dayatır.
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP Scro
Tasarım için neden önemli
- Hero başlıkları iki ya da üç satırda kalır; çünkü kapsayıcılar duvara toslamak yerine genişler.
- Bento ızgaraları grid-flow-dense kullanır; hiçbir hücre boş ya da bozuk kalmaz.
- Ucuz meta-etiketler yasaktır ve çıktı öncesi buton metni kontrastı doğrulanır.
Neleri kapsıyor
- Python-driven true randomization
- AIDA structure and spacing
- Hero architecture and the 2-line iron rule
- The gapless bento grid
- Advanced GSAP motion and hover physics
- Content, assets and strict bans
Nasıl kurulur
gpt-taste
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/gpt-tasteskill/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Bir sayfa isteyin; herhangi bir arayüz kodundan önce skill bir design_plan bloğu üretir.
-
Rastgele seçimlerini gözden geçirin: hero düzeni, font seti, bileşenler, GSAP paradigmaları.
-
Kalkış öncesi kontrol listesini denetleyin: hero genişlik hesabı, ızgara yoğunluğu, etiket taraması, kontrast.
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
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. 
Frontend & Arayüz Ne yapar imagegen-frontend-web Landing page’in her bölümü için ayrı bir yatay referans görsel ü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.