Frontend & Arayüz
animation-vocabulary
Muğlak bir hareket tarifini tam teknik terimine çevirir.
Nedir
Ters arama sözlüğü. Kullanıcı bir hareket efektini gevşekçe tarif eder; skill kesin terimi birebir alıntılayarak, birkaçı uyabildiğinde yakın alternatiflerle döner.
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when t
Tasarım için neden önemli
- Tasarımcıya, bir ajanı yönlendirecek doğru kelimeyi verir.
- clip-path’e karşı mask, pop in’e karşı bounce gibi yakın çiftleri ayırt eder.
- Terim uydurmayı reddeder; böylece adlandırma güvenilir kalır.
Neleri kapsıyor
- Entrances and exits
- Sequencing and timing
- Transitions between states
- Scroll
- Spring animations
- Polish and effects
Nasıl kurulur
animation-vocabulary
-
Depoyu klonlayın.
git clone https://github.com/emilkowalski/skills -
Codex’i skill dosyasına yönlendirin.
skills/animation-vocabulary/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Gördüğünüzü tarif edin, örneğin ‘iOS lastik bant scroll’ hareketi gibi.
-
Kalınlaştırılmış terimi ve tek satırlık bir sözlük tanımını döndürür.
-
İki terim de makul biçimde uyabildiğinde alternatifleri isteyin.
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.