transition-sequences とは?
ページ遷移、オンボーディング フロー、ウィザード ステップ、複雑なリビール、または振り付けされたアニメーション シーケンスなど、マルチステップ アニメーションを調整するときに使用します。 ソース: dylantarre/animation-principles。
ページ遷移、オンボーディング フロー、ウィザード ステップ、複雑なリビール、または振り付けされたアニメーション シーケンスなど、マルチステップ アニメーションを調整するときに使用します。
コマンドラインで transition-sequences AI スキルを開発環境にすばやくインストール
ソース: dylantarre/animation-principles。
Squash & Stretch: Each element in sequence can compress/expand independently for organic feel.
Anticipation: Sequence starts with a setup phase. Brief pause or gather before motion begins.
Staging: Direct attention through the sequence. Most important element animates first or last.
ページ遷移、オンボーディング フロー、ウィザード ステップ、複雑なリビール、または振り付けされたアニメーション シーケンスなど、マルチステップ アニメーションを調整するときに使用します。 ソース: dylantarre/animation-principles。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/dylantarre/animation-principles --skill transition-sequencesページ遷移、オンボーディング フロー、ウィザード ステップ、複雑なリビール、または振り付けされたアニメーション シーケンスなど、マルチステップ アニメーションを調整するときに使用します。 ソース: dylantarre/animation-principles。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill transition-sequences インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/dylantarre/animation-principles