83.3K+İndir
Kullanım kılavuzuna geç
review-animationsyazan Emil Kowalski

Review Animations Skill.

Claude Code ve Codex için tasarım inceleme skill'i: animasyon kodunu zamanlama, etkileşim ve son işlem açısından yüksek kalite standardına göre inceler.

  • Tasarım İncelemesi & Erişilebilirlik
  • İnceleme raporu
OpenDesign İndirKullanım kılavuzunu görüntüle
emilkowalski/skills · skills/review-animations/SKILL.mdSKILL.md
--- name: review-animations description: Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. --- ## Operating Posture ## The Ten Non-Negotiable Standards ## Aggressive Escalation Triggers ## Remedial Preference Hierarchy ## Required Output Format ## Guidelines
Üst akış dosyasından 2026-09-14 tarihinde okunan ön bilgi ve bölüm başlıkları · tam metinde 8.040 karakter

01 Ne yapar

Claude Code ve Codex'te review-animations Skill'i Ne Yapar

Özet, iş akışı ve çıktılar; hepsi skill'in SKILL.md dosyasından okundu.

SKILL.md'den14-09-2026 tarihinde okundu · kayıtlı bir çalıştırma değil

Skill'in Kendi İfadeleriyle

Bilinçli olarak dar kapsamlı bir inceleme skill'i: animasyon ve hareket kodunu yüksek bir zanaat çıtasına göre değerlendirir ve genel kod incelemesini geri çevirir. Esasa dayalı standartları Emil Kowalski'nin animasyon felsefesinden gelir, yöntemi ise — on vazgeçilmez standart, agresif eskalasyon tetikleyicileri, dokuz adımlı bir düzeltici hiyerarşi ve katmanlı çıktı — tek bir hükümle sonuçlanacak şekilde kurulmuştur.

Varsayılan davranış işaretlemektir; onay kazanılır. Diff içindeki her animasyon amacını ve sıklığını gerekçelendirmeli, duyarlı yumuşatma (easing) kullanmalı, 300ms'nin altında kalmalı, tetikleyicisinden ölçeklenmeli, transform ve opacity üzerinde çalışmalı, kesilebilir olmalı, azaltılmış hareketi (reduced motion) desteklemeli ve asimetrik zamanlama kullanmalıdır. Çıktı, dosya:satır belirterek bir Önce/Sonra/Neden bulgu tablosu ile bir Engelle veya Onayla kararından oluşur.

İnceleme raporu
Örnek istemi görün ↗

Nasıl Çalışır

  1. 01
    On Standarda Göre Ölçün

    Diff içindeki her animasyon; gerekçe, sıklık, yumuşatma, süre, köken, kesilebilirlik, GPU özellikleri, erişilebilirlik, asimetri ve tutarlılığı kapsayan on vazgeçilmez ölçüte göre kontrol edilir.

  2. 02
    Eskalasyon Tetikleyicilerini Görür Görmez İşaretleyin

    transition: all, scale(0) girişleri, UI üzerinde ease-in, klavye veya günde 100+ eylem üzerinde animasyon ve eksik azaltılmış hareket işlemesi dahil listelenmiş bir kırmızı bayrak seti tartışılmadan sert biçimde belirtilir.

  3. 03
    En Erken Çözümü Tercih Edin

    Düzeltmeler hiyerarşik sırayla önerilir: animasyonu silmekten, azaltmaya, yumuşatmayı düzeltmeye, kökeni, kesilebilirliği, GPU özelliklerini, zamanlamayı, cilayı ve son olarak erişilebilirlik ile tutarlılığı düzeltmeye kadar.

  4. 04
    İki Zorunlu Bölümü Üretin

    İnceleme sabit bir sırayla döner: Bölüm 1 tek bir bulgu tablosudur, Bölüm 2 açık bir kararla sonuçlanan katmanlı yorumdur.

  5. 05
    Yorumları Katmanlandırın ve Karar Verin

    Kalan yorumlar, en yüksekten başlayarak altı etki katmanında gruplanır, boş katmanlar atlanır ve bir Engelle veya Onayla kararıyla sona erer.

02 Uyumunuzu bulun

review-animations Skill Ne Zaman Kullanılır

Bu tür bir tasarım incelemesi işi olduğunda Claude Code veya Codex'te review-animations skill'ini kullanın. Uygunluk ve sınırlar, skill'in kendi dosyasından alınmıştır.

İyi Uyum

  • Emil Kowalski'nin tasarım mühendisliği felsefesinden türetilen yüksek bir zanaat standardına göre animasyon ve hareket kodunu inceler. Varsayılan olarak işaretlemeye eğilimlidir; onay kazanılmalıdır.

Sınırları Bilin

  • Özellik yazmaz, ilgisiz hataları düzeltmez veya hareket dışı kodu incelemez.

03 Skill'in içinde

review-animations Skill Tasarım İncelemesine Ne Katar

SKILL.md'nin Claude Code veya Codex'e yapmasını söylediği 4 şey, dosyanın kendi bölüm sırasına göre.

  1. Operasyonel Duruş

    Zanaat konusunda acımasız bir göze sahip kıdemli bir tasarım mühendisisiniz. Eğiliminiz, yalnızca çalışan harekete değil, doğru hissettiren harekete yöneliktir.

  2. On Vazgeçilmez Standart

    Diff'teki her animasyon bunlara göre ölçülür. Bir ihlal bir bulgudur.

  3. İyileştirme Tercihi Hiyerarşisi

    Düzeltme önerirken, erken hamleleri sonrakilere tercih et:

  4. Guidelines

    Önceden belirlenmiş hareket için CSS transitions/@starting-style/WAAPI'yi tercih edin; dinamik, kesintiye uğratılabilir, hareket tabanlı hareket için JS/spring'leri tercih edin.; Hareketin doğru hissettiğinden emin değilseniz, ağır çekim / kare kare incelemeyi önerin

04 İşe koyun

review-animations'ı Claude Code veya Codex'e Yükleyin

Bir npx skills add komutu, ardından ajanınızda ilk görev ve sonuç için bir kontrol listesi.

review-animations'ı Claude Code, Codex veya Ajanınıza Ekleyin

Projenizde çalıştırın; kurulum aracı, bunun hangi ajana ekleneceğini sorar.

Terminal
npx skills add https://github.com/emilkowalski/skills --skill review-animations

skills/review-animations/SKILL.md için genel skills CLI formu; depo kendi yolunu belgelemiş olabilir.

Beceriye İlk Tasarım İnceleme Görevi Verin

SKILL.md bir örnek prompt içermez; bu başlangıç, katalog tek satırından yazılmıştır. Görev satırını gerçek brief'inizle değiştirin.

Starter prompt
Use the review-animations skill on the material I attach. What the skill should do here: Reviews animation code for timing, interaction, and finish against a high craft bar. Rules: do not invent copy, data or brand assets. State your plan first, then produce the result and tell me what to check.

Kaynak: katalog tek satır kullanımından yazılmış başlangıç promptu (SKILL.md'den değil).

İlk Sonucu Kontrol Edin

Çıktıyı kabul etmeden önce, transkript ve dosyalarda bunları arayın:

  • Sonuç, kataloğun bu skill için listelediği gibi İnceleme raporu olarak teslim edilir.
  • Ajan, sonucu üretmeden önce planında veya transkriptinde review-animations skill'ini belirtir.
  • Kendi içeriğiniz, isimleriniz ve numaralarınız çıktıda değişmeden görünür.

OpenDesign'da review-animations paket olarak sunulur: Eklentiler → Skills, üst çubuktan seçin.

OpenDesign İndirHızlı başlangıcı okuyun

05 Açık kaynak, izlenebilir

Kaynak, Lisans ve Doğrulama

Bu sayfadaki bilgilerin nereden geldiği ve en son ne zaman kontrol edildiği.

Author
Emil Kowalski
Repository
github.com/emilkowalski/skills Branch main
Skill dosyası
skills/review-animations/SKILL.md İçerik sağlama toplamı doğrulamada kaydedildi; commit d23d7f8
License
MIT LICENSE dosyasından.
Repository yıldızları
37.516 GitHub anlık görüntüsü, bu katalogda 9 skill içeren emilkowalski/skills deposunun tamamı için 2026-09-14 tarihinde alındı. review-animations için bir değerlendirme veya kullanım sayısı değildir.
OpenDesign tarafından doğrulandı
2026-09-14 Kaynak dosya, yol, lisans metni ve yıldız sayısı kontrol edildi. OpenDesign ana sürümünde paketlenmiştir (2026-08-28 tarihinde kontrol edildi); bu sayfada canlı bir çalıştırma kaydı bulunmamaktadır.
Skill'in Kendi Açıklaması
Emil Kowalski'nin tasarım mühendisliği felsefesinden türetilen yüksek bir zanaat standardına göre animasyon ve hareket kodunu inceler. Varsayılan olarak işaretlemeye eğilimlidir; onay kazanılmalıdır.

SKILL.md dosyasından ön bilgi açıklaması. Tam dosya yaklaşık 8.040 karakterdir. Tam dosyayı GitHub'da okuyun.

Review Animations

review-animations'ı gerçek bir tasarım inceleme görevinde çalıştırın.

review-animations skill'i OpenDesign içinde gelir. Uygulamayı indirin, Plugins → Skills bölümünden skill'i seçin, yukarıdaki prompt'u yapıştırın ve sonuçtan önce planı okuyun.

OpenDesign'ı İndirinTüm skill'lere göz atın
Terminal
npx skills add https://github.com/emilkowalski/skills --skill review-animations