Emilkowalski Skills

skills/skills/animate

Sıfırdan bir animasyon oluştur, kararları doğru hissettirip hissettirmediğini belirleyen sırayla ver — hiç animasyon yapılmalı mı, hangi amaçla, hangi araçla, hangi özelliklerle, hangi eğri ve süreyle, nasıl kesintiye uğrar, nasıl çıkar. Uygulamayı yazar. Bir şeyi animasyonlandırması istendiğinde, hareket eklemesi, bir bileşeni canlı hissettirmesi veya bir geçiş oluşturması istendiğinde kullan. Mevcut hareketi eleştirmek için review-animations kullan; tüm bir kod tabanını denetlemek için improve-animations kullan.

skills/skills/animation-vocabulary

Bir web animasyonu veya hareket efektinin belirsiz bir tanımını tam terimine dönüştüren tersine sözlük ("bir popover açılırkenki zıplama efekti" → Pop in; "iOS lastik bant kaydırma" → Rubber-banding). Kullanıcı "şunun adı neydi…" diye sorduğunda veya bir hareket efektini adını bilmeden tanımlayıp bir yapay zekaya veya tasarımcıya sormak için doğru kelimeyi istediğinde kullanılır. Bir efekti adlandırmak içindir, tasarlamak veya oluşturmak için değil.

skills/skills/apple-design

Apple'ın arayüz tasarımına yaklaşımı ve akıcı, fiziksel hareketi web için çevrilmiştir. Jest tabanlı kullanıcı arayüzü, yaylı animasyonlar, sürükle/kaydır/sayfa etkileşimleri, momentum ve kesintisiz geçişler, yarı saydam malzemeler ve derinlik, tipografi (optik boyutlandırma, karakter aralığı, satır aralığı), azaltılmış hareket veya Apple tarzı arayüzlerin arkasındaki tasarım temelleri (geri bildirim, mekansal tutarlılık, ölçülülük) oluşturulurken veya incelenirken kullanın.

skills/skills/ask-sonner

Sonner, React toast kütüphanesi rehberi — Toaster'ı kurun ve bağlayın, doğru toast() çağrısını seçin, promise ve yükleme toast'ları, toast'ları güncelleme, kapatma ve kalıcı hale getirme, stillendirme, temalama ve simgeler, konumlandırma ve birden fazla toaster. Sonner ile çalışırken veya sorun giderirken kullanın — görünmeyen, iki kez görünen, stillerini kaybeden, Tailwind sınıflarını yok sayan, bir modalın arkasında kalan veya karanlık modu takip etmeyen toast'lar.

skills/skills/emil-design-eng

Bu beceri, Emil Kowalski'nin UI cilası, bileşen tasarımı, animasyon kararları ve yazılımı harika hissettiren görünmez detaylar üzerine felsefesini kodlar.

skills/skills/find-animation-opportunities

Bir kod tabanında veya arayüzde animasyon olması gereken ama olmayan yerleri ara ve olmaması gereken her şeyi reddet. Salt okunurdur; hareketi kesin değerlerle önerir, uygulamaz. Kullanıcı "burada ne animasyon yapılabilir?" diye sorduğunda veya "bunu daha canlı hissettirmek" istediğinde kullanın. Mevcut animasyonları düzeltmek için bunun yerine improve-animations veya review-animations kullanın.

skills/skills/improve-animations

Bir kod tabanının animasyon ve hareket kodunu kıdemli bir hareket danışmanı olarak inceleyin, ardından diğer ajanların (veya daha ucuz modellerin) uygulaması için önceliklendirilmiş bir denetim ve kendi kendine yeten uygulama planları oluşturun. Kaynak kod üzerinde salt okunur — iyileştirmeleri planlar, uygulamaz. Kullanıcı "animasyonları iyileştir", "hareketi denetle", "bu uygulamayı daha iyi hissettir" dediğinde veya tek bir fark incelemesi yerine bir animasyon düzeltme yol haritası istediğinde kullanın.

skills/skills/pick-ui-library

Belirli bir frontend görevi için doğru kütüphaneyi seçin; sayılar, OTP girişleri, grafikler, komut menüleri, sanallaştırma, sürükle ve bırak, bildirimler, durum yönetimi, stil ve daha fazlasını kapsayan seçilmiş, görüş odaklı bir listeden. Yalnızca açıkça çağrıldığında çalışır; kendi kendine tetiklenmez.

skills/skills/prototype

Tarif ettiğin bir arayüz parçasının birden fazla gerçekten farklı versiyonunu oluşturur ve bunları görsel bir seçici arkasında işler, böylece aralarında canlı olarak geçiş yapıp sana uygun olanı öne çıkarabilirsin. Yalnızca açıkça çağrıldığında çalışır; kendi kendine tetiklenmez.

skills/skills/review-animations

Animasyon ve hareket kodlarını, Emil Kowalski'nin tasarım mühendisliği felsefesinden türetilen yüksek bir işçilik çıtasına göre inceler. Varsayılan olarak işaretleme yapılır; onay kazanılır.