In den eigenen Worten des Skills
Ein Audit-and-Fix-Playbook für die Performance von CSS- und JS-Animationen, gedacht für Designer und Entwickler, die ruckelige Übergänge, scroll-gebundene Bewegungen und Blur-Effekte prüfen oder überarbeiten. Es kommt als Slash-Command: ohne Zusatz aufgerufen, wendet es die Richtlinien auf jede Animationsarbeit im Gespräch an; mit einer Datei aufgerufen, meldet es Verstöße unter Angabe der genauen Zeile, der Begründung und eines codebasierten Fixes.
Die Regeln sind nach Priorität geordnet: von Never-Patterns, der Wahl des Mechanismus und den Tool-Grenzen auf kritischer Stufe, über Messung, Scroll, Paint, Layer und Blur bis hin zu View Transitions. Es weigert sich, Animations-Bibliotheken zu migrieren, sofern nicht ausdrücklich gewünscht, und wendet die Regeln innerhalb des bestehenden Stacks an.
Was er erzeugt
- Ein kurzer Satz pro Verstoß, der erklärt, warum er relevant ist.
- Ein konkreter, codebasierter Fix für jeden Verstoß.
- Eine ausdrückliche Begründung für jede Nicht-Standard-Entscheidung bei Rendering-Arbeit.
So funktioniert es
- 01Als Slash-Command aufrufen
Führen Sie /fixing-motion-performance aus, um die Vorgaben an die im Session-Verlauf bereits diskutierte Animationsarbeit zu binden.
- 02Oder auf eine Datei anwenden
Die Angabe eines Pfads schaltet in den Review-Modus: Die Datei wird gegen jede Regel geprüft, statt laufende Arbeit einzuschränken.
- 03Bericht in drei Teilen
Jeder Befund zitiert die betroffene Zeile, liefert einen kurzen Satz zur Relevanz und schlägt einen codebasierten Fix vor.
- 04Eigenschaften nach Rendering-Schritt sortieren
Das Glossar unterteilt die Arbeit in Composite, Paint und Layout, damit der Reviewer erkennt, welche Animationen günstig und welche teuer sind.
- 05In Prioritätsreihenfolge durchsetzen
Kritische Kategorien werden vor den weniger wirkungsvollen geprüft, sodass Never-Patterns und Tool-Grenzen zuerst geklärt werden.
- 06Innerhalb des bestehenden Stacks bleiben
Die Migration einer Bibliothek ist nicht Teil der Aufgabe; die Regeln werden auf das Animationssystem angewendet, das die Codebasis bereits verwendet.