Emil Kowalski skills nedir? Kurulum, 15 skill ve hangisi sana lazım

Emil Kowalski'nin skill'lerini kurarsın (`npx skills@latest add emilkowalski/skills`); kodlama ajanın animasyon ve arayüz ayrıntılarında yaptığı küçük hatalardan (yanlış easing eğrisi, sert kenarlık yerine yarı saydam gölge gibi) kaçınır. Tasarım mühendisi Emil Kowalski'nin GitHub'da (emilkowalski/skills) yayımladığı 15 skill'lik koleksiyon: animasyon kurma, denetleme ve hızlandırma skill'lerinin yanında Apple tasarım ilkeleri, mobilde yerel his ve "en kötü veriyle arayüzü kırma" gibi skill'ler de var. Her skill talimat metnidir; betik yok. MIT lisanslı ve ücretsiz; skill metinleri İngilizce.

Ne yapar: Kodlama ajanının animasyon ve arayüz ayrıntısı hatalarını önler
Tür: Skill koleksiyonu (15 skill)
Yapımcı: Emil Kowalski (kişisel depo)
İçerik: Yalnız talimat metni, betik yok
Elle çağrılan: 3 skill kendiliğinden çalışmaz
Türkçe: Skill metinleri İngilizce
Ücret: Ücretsiz, MIT lisans

Emil Kowalski skills ne işe yarar? İçindekiler

Skill, kodlama ajanına bir konuda nasıl çalışacağını öğreten talimat paketidir. README'ye göre bu koleksiyon, ajanların "zevk" eksikliğini kapatmak için yazılmış: ajan animasyona yanlış eğri seçebilir ya da arayüzde yarı saydam gölge yerine kalın kenarlık koyabilir. Skill'ler bu küçük hataları sıralar ve nasıl düzeltileceğini anlatır. Skill kendi başına bir şey çalıştırmaz; ajanın yazdığı arayüz kodunun kalitesini yükseltir.

Ajana doğru animasyon yazdırmakNe alırsın: Ajanın yazdığı animasyon kodu ve denetim raporuAyrı kurulum gerekir

Skill	Ne işe yarar	Nasıl devreye girer
emil-design-eng	Ana skill: çoğunlukla animasyon, biraz tasarım tavsiyesi	Kendiliğinden
animate	Animasyonu sıfırdan kurar (eğri, süre, hangi özellik)	Kendiliğinden
animate-expo	Aynısı, React Native ve Expo için (jest, sheet, haptik)	Kendiliğinden
review-animations	Animasyon kodunu sıkı kurallarla denetler	Yalnız adıyla çağırınca
improve-animations	Tüm kod tabanını tarar, öncelikli plan çıkarır; kaynağa dokunmaz	Kendiliğinden
find-animation-opportunities	Hareket eklenecek (ve eklenmemesi gereken) yerleri bulur; salt okuma	Kendiliğinden
animation-performance	Kare düşüren, takılan animasyonu düzeltir	Kendiliğinden
animation-vocabulary	Tarif ettiğin efektin doğru adını bulur	Kendiliğinden
apple-design	Apple tasarım ilkeleri ve akışkan hareket, web'e uyarlanmış	Kendiliğinden
mobile-native	Web uygulamasını telefonda yerel gibi hissettirir (100vh hatası, dokunma vurgusu vb.)	Kendiliğinden
break-ui	Arayüzü en kötü veriyle (uzun isim, boş liste) kırmayı dener	Kendiliğinden
pick-ui-library	Görev için güvenilir kütüphane seçtirir	Yalnız adıyla çağırınca
prototype	Tarif ettiğin arayüzün birden çok sürümünü bir seçiciyle gösterir	Yalnız adıyla çağırınca
ask-sonner	Sonner toast (bildirim) kütüphanesi rehberi	Kendiliğinden
write-swift	Modern Swift yazımı	Kendiliğinden

"Kendiliğinden" sütunu, SKILL.md başlığında elle çağırma kısıtı olup olmamasına dayanır (disable-model-invocation); fiilen ne zaman tetiklendiği belgede yazmıyor.

Hangisi sana lazım?

Yapacağın iş	Hangi skill
Bir bileşene açılış/kapanış animasyonu yazdırmak	animate
Yazılmış animasyonu eleştirtmek	review-animations
Animasyon takılıyor, kare düşüyor	animation-performance
Sitenin neresine hareket eklenebilir bilmiyorum	find-animation-opportunities
Tüm uygulamanın animasyonlarını gözden geçirtmek	improve-animations
"Telefonda web sitesi gibi duruyor"	mobile-native
Uzun isim, boş liste gibi durumlarda bozulur mu	break-ui
Efektin adını bilmiyorum, anlatayım	animation-vocabulary
Birkaç farklı tasarım denemesi görmek	prototype
Toast kütüphanesi Sonner ile çalışıyorum	ask-sonner

Swift yazmıyorsan write-swift, React Native/Expo kullanmıyorsan animate-expo, Sonner kullanmıyorsan ask-sonner işine yaramaz. Koleksiyonun çoğu web arayüzü içindir.

Emil Kowalski skills nasıl kurulur?

README'deki kurulum tek satırdır. Hepsini mi tek tek mi kurduğunu README yazmıyor; komutu çalıştırınca skills CLI'nin ekranındaki seçenekleri gör.

README'deki komut› npx skills@latest add emilkowalski/skills

Komut Node.js ister. npx skills anonim kullanım verisi gönderebilir; DISABLE_TELEMETRY=1 ya da DO_NOT_TRACK=1 kapatır (skills CLI belgesi).

Skills CLI belgesindeki bayrak› npx skills add emilkowalski/skills --list

Tek skill kurmak› npx skills add emilkowalski/skills --skill animate

Bu iki satır skills CLI'nin genel belgesinden alındı.

README bir Claude Code eklenti pazarı yolu sunmuyor; depoda eklenti tanım dosyası görünmüyor (15.10.2026). Atlas kartındaki skills@1.7.1 sürüm sabitlemesi README'de yok, README @latest yazıyor.

Emil Kowalski skills nasıl kullanılır?

Çoğu skill'i ayrıca çağırman gerekmez; ajan konuya göre uygun olanı yükler. Skill soru olmadan çağrılırsa tek cümlelik bir hazırım mesajı verir ve sorunu bekler. review-animations, pick-ui-library ve prototype kendiliğinden çalışmaz; isteğinde adını yazarak çağır.

Animasyon yazdırma"animate skill'ini kullanarak açılır menü bileşenime açılış animasyonu ekle. Önce animasyonun gerekli olup olmadığına karar ver."

Denetletme"review-animations ile Modal.jsx dosyamdaki animasyonları denetle."

Açık issue'lar bazı skill'lerin birbirine yönlendirmesinde ve örneklerinde eksikler bildiriyor (aşağıdaki sorunlar bölümü). Ajanın ürettiği animasyonu tarayıcıda ve telefonda kendin dene.

Hangi ajanlarda çalışır?

Bu deponun README'si hiçbir ajan adı saymıyor. Kurulum aracı skills CLI'nin kendi belgesi ise hedef ajan olarak Claude Code'u ve Codex'i örnekliyor. Aşağıdaki tablo yalnız bu iki belgede yazanı yansıtır.

Claude CodeVar	skills CLI belgesi claude-code'u hedef ajan olarak listeliyor. Bu deponun README'si ad vermiyor.
CodexVar	skills CLI belgesinde hedef ajan örneği.
Cursor, Antigravity ve diğerleriNet değil	Bu depoda yazmıyor; skills CLI'nin desteklediği ajan listesine bak.
Claude.ai (web sohbeti)Net değil	Resmî kaynak yazmıyor; kodlama ajanı için hazırlanmış.

Başka tasarım skill'leriyle çakışır mı?

Resmî kaynak bir çakışma uyarısı vermiyor, ama birden fazla tasarım ya da animasyon skill'i kurunca ajan hangisinin tarzını izleyeceğini kendisi seçer. Kendi çıktını karıştırmamak için aynı işi yapan iki koleksiyonu aynı anda kurmaktan kaçın: animasyon için bu koleksiyonu, GSAP kullanıyorsan GSAP'ın kendi skill'lerini seçmek gibi.

GSAP animasyon kütüphanesinin kendi skill koleksiyonu

Anthropic'in Frontend Design eklentisi: genel arayüz tasarımı yönlendirmesi

Bu koleksiyonla diğerlerinin birlikte kullanımı bir öneridir, resmî kural değil.

Emil Kowalski skills neye erişir? Güvenlik

Okur

Kendi başına hiçbir şey. Skill yalnız talimat metni; projeyi ajan kendi izin kurallarıyla okur.

Yazar

Skill yazmaz; kodu ajan yazar. improve-animations ve find-animation-opportunities tanımlarına göre kaynağa dokunmaz, yalnız plan/öneri üretir.

Siler

Skill hiçbir şey silmez.

Veri

Skill ağ isteği yapmaz. Yalnız kurulum aracı npx skills anonim telemetri gönderebilir.

Depoda yalnız .md dosyaları var; betik, hook ve MCP sunucusu yok (dosya listesi, 15.10.2026). GitHub Güvenlik Danışmanlıkları taraması 15.10.2026'da boş döndü: kayıtlı uyarı görünmüyor. Depo bir paket olmadığı için OSV kapsamında değil. Bu "güvenli" demek değildir; dosyaları kurmadan önce okuyabilirsin.

Emil Kowalski skills ücretsiz mi?

Evet. Depo MIT lisanslı; ticari projede kullanılabilir, lisans metni ve telif bildirimi korunur. README'de ücretli plan ya da lisans anahtarı yok; yalnız yazarın bülteni için bağlantı var.

Bu bir hukuki görüş değildir. Skill'i çalıştıran ajanın (Claude Code, Cursor vb.) kendi ücreti ayrı ve burada anlatılmaz. TL fiyatı yok.

Sık sorunlar ve çözümleri

Ne oluyor	Ne yapmalı
review-animations, pick-ui-library ya da prototype kendiliğinden çalışmıyor	Tasarım gereği: bu üçü yalnız elle çağrılır. İsteğinde skill'in adını yaz.
Kullanıcıların bildirdiği animate ve find-animation-opportunities, kendiliğinden çağrılamayan skill'lere yönlendiriyor; emil-design-eng açıklamasında tetikleyici eksik (issue #29, açık)	Resmî çözüm yok. İhtiyacın olan skill'i adıyla çağır.
Kullanıcıların bildirdiği apple-design örneklerinde yay animasyonu jestin hızını almıyor, reduced-motion CSS'i kapalı panelleri gösteriyor (issue #32, açık)	Üretilen kodu olduğu gibi alma; "hareketi azalt" ayarını açıp elle dene.

Sık sorulan sorular

Emil Kowalski skills nedir?

Tasarım mühendisi Emil Kowalski'nin GitHub'da yayımladığı, 15 skill'lik koleksiyon. Kodlama ajanına animasyon ve arayüz ayrıntılarını doğru yapmayı öğretir. Skill'ler talimat metnidir, kod çalıştırmaz.

Claude Code'da nasıl kurulur?

README'deki komut: npx skills@latest add emilkowalski/skills. Bu depoda Claude Code'a özel bir eklenti pazarı yolu yok. skills CLI belgesi claude-code'u hedef ajan olarak listeliyor.

Hepsini mi kurmak gerekir?

Hayır. README tüm koleksiyonu tek komutla kurmayı gösteriyor ama skills CLI belgesi --list ile listeleyip --skill ile tek skill seçmeyi de sunuyor. Swift, Expo ve Sonner skill'leri web projesine gerekmeyebilir.

Ücretsiz mi, ticari projede kullanılır mı?

Depo MIT lisanslı ve ücretsiz; ticari kullanıma izin verir, telif bildirimi korunur. Hukuki görüş değildir.

Türkçe çalışır mı?

Skill metinleri İngilizce. Türkçe istemle çalışıp çalışmadığı resmî kaynakta yazmıyor; kendin dene.

Skill benim kodumu dışarı gönderir mi?

Skill ağ isteği yapmaz. Yalnız npx skills ile kurarken anonim kullanım verisi gidebilir; DO_NOT_TRACK=1 kapatır.

İlgili rehberler

Kaynaklar

Resmî kaynaklarda net olmayanlar: Hangi ajanlarda yüklendiği (README ajan adı saymıyor) · npx skills add'in tüm skill'leri varsayılan kurup kurmadığı · Türkçe istemle kalite · başka tasarım skill'leriyle birlikte kullanımın sonucu. Her biri ilgili bölümde yazılı.