design-motion-principles は何をしますか？
モーションデザイン監査のためのClaude Codeスキル。Emil Kowalski、Jakub Krehel、Jhey Tompkinsのスタイルに基づいて、コンテキストに応じたアニメーションのフィードバックを提供します。
概要
このスキルは、著名なモーションデザイナーから学んだ原則を使って、あなたのUIアニメーションを分析・改善するためのものです。各デザイナーの独自のアプローチに基づいて、タイミング、イージング、意図、一貫性などを評価します。
対応プラットフォーム
- Claude Code
- Cursor
- Codex
- その他のAIエージェントツール
使い方
- スキルをアクティベートします。
- アニメーションのコードや説明を提供します。
- 各デザイナーの視点からフィードバックを受け取ります。
デザイナー概要
- Emil Kowalski: ミクロインタラクションとディテールに重点を置き、スムーズで意図的な動きを重視します。
- Jakub Krehel: アニメーションの文脈とユーザー体験を重視し、自然で直感的なトランジションを設計します。
- Jhey Tompkins: 創造的で表現力豊かなアニメーションを追求し、ブランドアイデンティティを強化します。
フィードバックの種類
- タイミングと持続時間の分析
- イージング関数の推奨
- アニメーションの意図と文脈の評価
- 一貫性とブランド適合性の確認
- パフォーマンスとアクセシビリティの考慮
注意事項
- 提供されたコードは分析のみに使用されます。
- フィードバックは参考情報であり、プロジェクトの要件に合わせて調整してください。