スキル自身の言葉で
意図的に範囲を絞った、レビュー専用のスキルです：アニメーションとモーションのコードを高い品質基準に照らして判定することだけを行い、一般的なコードレビューは行いません。実質的な基準はEmil Kowalskiのアニメーション哲学に基づいており、その手法は――10の絶対条件、積極的なエスカレーショントリガー、9段階の改善階層、階層化された出力――から一つの判定に至るよう構成されています。
デフォルトはフラグを立てることであり、承認は勝ち取るものです。差分内のすべてのアニメーションは、目的と頻度によって正当化され、レスポンシブなイージングを使用し、300ms未満に留め、トリガーからスケールし、transformとopacityで動作し、中断可能であり、reduced motionを尊重し、非対称なタイミングを使用する必要があります。出力はBefore/After/Whyの所見テーブルと、file:lineを引用したBlockまたはApproveの判定です。
仕組み
- 0110の基準に照らして評価する
差分内のすべてのアニメーションは、正当性、頻度、イージング、持続時間、起点、中断可能性、GPUプロパティ、アクセシビリティ、非対称性、一体性にわたる10の絶対条件に照らして確認されます。
- 02エスカレーショントリガーを見つけたら即座にフラグを立てる
列挙されたレッドフラグの集合は議論の対象ではなく強く指摘されます。これには transition: all、scale(0)による出現、UIへのease-inの使用、キーボードや1日100回以上のアクションへのアニメーション付与、reduced-motion対応の欠如が含まれます。
- 03最も早い段階での修正を優先する
修正は階層順に提案されます。アニメーションの削除から始まり、削減、イージングの修正、起点、中断可能性、GPUプロパティ、タイミング、仕上げ、そして最後にアクセシビリティと一体性へと進みます。
- 04必須の2つのパートを出力する
レビューは固定された順序で返されます。Part 1は単一の所見テーブル、Part 2は階層化されたコメントで、明確な判定で終わります。
- 05コメントを階層化し、判定を下す
残りのコメントは影響度が高い順に6つのティアにまとめ、空のティアは省略し、最後に Block または Approve の判断で締めくくります。