Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Fix animation performance issues.
How to use
Aktywuj skill poleceniem
/fixing-motion-performancew konwersacji, aby zastosować reguły optymalizacji animacji do całej pracy nad UI w tym czacie.Aby przeanalizować konkretny plik, użyj
/fixing-motion-performance <plik>— skill przegląda kod pod kątem wszystkich reguł wydajności i zwraca listę naruszeń z dokładnymi cytatami z kodu.Dla każdego znalezionego problemu skill wyjaśnia, dlaczego ma znaczenie dla wydajności, i proponuje konkretną poprawkę na poziomie kodu.
Stosuj skill podczas dodawania lub modyfikowania animacji CSS, Web Animations API, bibliotek Motion, requestAnimationFrame lub GSAP.
Odwołuj się do wytycznych przy refaktoryzacji zacinających się interakcji, implementacji scroll-linked motion, animacji layout, filtrów, masek, gradientów lub CSS variables.
Skill nie zmienia bibliotek animacji — optymalizuje je w ramach istniejącego narzędzia, chyba że wyraźnie poprosisz o migrację.