Frontend & Arayüz
design-taste-frontend
Brief’i okur, bir yön seçer, şablonvari olmayan arayüzler çıkarır.
Nedir
Landing page’ler, portfolyolar ve yeniden tasarımlar için özensizlik karşıtı bir frontend skill’i. Bir tasarım okuması belirtir, varyans, hareket ve yoğunluk düğmelerini ayarlar, sonra uzun bir kalkış öncesi kontrol çalıştırır.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Tasarım için neden önemli
- Kurumsal brief’ler, elle yazılmış taklit CSS yerine resmi tasarım sistemi paketini alır.
- Kalkış öncesi kontrol; uzun tireyi, bölüm numaralı eyebrow’ları, scroll ipuçlarını ve tekrarlayan CTA niyetini yasaklar.
- Düzen tekrarı sınırlandırılır; sekiz bölüm en az dört farklı aileden kurulur.
Neleri kapsıyor
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
Nasıl kurulur
design-taste-frontend
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/taste-skill/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Ajan, herhangi bir kod yazmadan önce tek satırlık bir tasarım okuması belirtir.
-
Üç düğmeyi ayarlar: tasarım varyansı, hareket yoğunluğu, görsel yoğunluk.
-
Kalkış öncesi listedeki her madde geçmeli; yoksa sayfa bitmiş sayılmaz.
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.