Frontend & Arayüz
imagegen-frontend-mobile
Premium mobil uygulama ekran akışlarını kod değil, görsel olarak üretir.
Nedir
iOS, Android ve çapraz platform ürünler için ekran konsepti ve akışı üreten yalnızca görsel bir skill. Ekranları sade telefon mockup’ları içinde sunar ve asla kod yazmaz.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Tasarım için neden önemli
- Ekranlar, telefonda web sitesi gibi durmak yerine güvenli alanlara ve sistem bölgelerine saygı gösterir.
- Sabitlenmiş bir tasarım kılavuzu; paleti, yazı tipini ve ikonları her ekranda tutarlı tutar.
- Çok ekranlı setler, birbiriyle ilgisiz tek seferlik mockup’lar değil, inandırıcı bir akış oluşturur.
Neleri kapsıyor
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
Nasıl kurulur
imagegen-frontend-mobile
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/imagegen-frontend-mobile/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Uygulama kategorisini ve ekran sayısını belirtin; her ekran kendi görseline dönüşür.
-
Skill önce bir platform modu seçer: iOS, Android ya da çapraz platform nötr.
-
Metni küçük ya da çerçevesi düzensiz kalan her ekranı yeniden ürettirin.
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-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.