Frontend & Arayüz
Animation Review
Kıdemli bir zanaat çıtasına karşı hareketi bulun, iyileştirin ve inceleyin.
Nedir
Emil Kowalski’nin üç hareket skill’i tek bir döngü olarak çalışıyor: animasyonlanması gereken yerleri bul, mevcut hareketi iyileştir ve animasyon kodunu yüksek bir zanaat çıtasına karşı incele.
Bundles 3 commands: find-animation-opportunities / improve-animations / review-animations
Find, improve and review motion in a codebase against a senior craft bar.
Tasarım için neden önemli
- Hareket etmesi gereken ama etmeyen arayüzü ortaya çıkarır ve olmaması gereken hareketi reddeder.
- Muğlak ‘daha hoş hissettir’ isteğini öncelikli bir hareket denetimine çevirir.
- Animasyonu kişisel zevke değil, adlandırılmış bir zanaat çıtasına tutar.
Neleri kapsıyor
- Find animation opportunities
- Improve animations
- Review animations
- Craft bar
Nasıl kurulur
Animation Review
-
Depoyu klonlayın.
git clone https://github.com/emilkowalski/skills -
Codex’i skill dosyasına yönlendirin.
skills/find-animation-opportunities/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Arayüzünüzdeki hareket fırsatlarını bulmak için find geçişini çalıştırın.
-
Mevcut animasyon kodunu yeniden işlemek için improve geçişini uygulayın.
-
Düşük zanaatlı hareketi yakalamak için göndermeden önce review geçişini çalıştırın.
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.