Frontend & Arayüz
pick-ui-library
Bir frontend işini tek bir küratörlü, iddialı kitaplık seçimiyle eşleştirir.
Nedir
Açıkça çağrılan bir arama skill’i. Belirtilen bir işi; primitive’leri, hareketi, grafikleri, sanallaştırmayı, state ve stili kapsayan küratörlü bir tablodan tek bir önerilen kitaplığa eşler.
Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly i
Tasarım için neden önemli
- İş başına tek bir öneri; üzerinde tartışılacak seçenek menüsü yok.
- Önce package.json’a bakar; böylece projede zaten olanı yeniden kullanır.
- Elle yazılmış dropdown ve toast’ları yakalar, onları erişilebilir primitive’lerle değiştirir.
Neleri kapsıyor
- How to use this
- UI components and primitives
- Motion and visuals
- Charts
- State and styling
- Common mismatches to catch
Nasıl kurulur
pick-ui-library
-
Depoyu klonlayın.
git clone https://github.com/emilkowalski/skills -
Codex’i skill dosyasına yönlendirin.
skills/pick-ui-library/SKILL.md -
Sonra istediğiniz arayüzü anlatın. Codex skill’e uyar.
Codex ile nasıl çalıştırılır
-
Açıkça çağırın; kendi başına asla tetiklenmez.
-
Kitaplık adını değil, işi belirtin, örneğin ‘toast lazım’ gibi.
-
Tek bir kitaplık söyler, kullanımını açıklar, sonra onu bağlar.
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.