universal-patterns とは?
アニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。 ソース: dylantarre/animation-principles。
アニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。
コマンドラインで universal-patterns AI スキルを開発環境にすばやくインストール
ソース: dylantarre/animation-principles。
Apply Disney's 12 principles as baseline defaults for any animation.
| Instant | 100-150ms | Hovers, toggles, micro-states | | Fast | 150-250ms | Feedback, small transitions | | Standard | 250-400ms | Modals, reveals, state changes | | Slow | 400-600ms | Page transitions, sequences | | Deliberate | 600-1000ms | Dramatic reveals, celebrations |
アニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。 ソース: dylantarre/animation-principles。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/dylantarre/animation-principles --skill universal-patternsアニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。 ソース: dylantarre/animation-principles。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/dylantarre/animation-principles