Frontend & Arayüz
redesign-existing-projects
Var olan bir siteyi denetler ve işlevselliği bozmadan yükseltir.
Nedir
Var olan projeler için bir tarama, teşhis ve düzeltme iş akışı. Tipografiyi, rengi, düzeni, durumları, içeriği, ikonları ve kod kalitesini denetler, sonra mevcut stack içinde hedefli yükseltmeler uygular.
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla
Tasarım için neden önemli
- Mor-mavi AI degradeleri ve üç eşit kart sırası, düşünülmüş alternatiflerle değiştirilir.
- Kart gruplarındaki butonlar, farklı içeriklere rağmen tek bir alt çizgiye hizalanır.
- Eksik hover, focus, yükleme, boş ve hata durumları tamamlanır.
Neleri kapsıyor
- How this works
- Design audit
- Upgrade techniques
- Fix priority
- Rules
Nasıl kurulur
redesign-existing-projects
-
Depoyu klonlayın.
git clone https://github.com/Leonxlnx/taste-skill -
Codex’i skill dosyasına yönlendirin.
skills/redesign-skill/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Önce framework ve stil yöntemini belirlemek için kod tabanını tarar.
-
Herhangi bir şeyi değiştirmeden önce her jenerik deseni ve zayıf noktayı listeler.
-
Düzeltmeler önceliğe göre gelir: fontlar, renk, durumlar, düzen, bileşenler, tipografi cilası.
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.