·universal-patterns
*

universal-patterns

アニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。

34インストール·2トレンド·@dylantarre

インストール

$npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns

universal-patterns のインストール方法

コマンドラインで universal-patterns AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill universal-patterns
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-04
更新日
2026-03-10

Browse more skills from dylantarre/animation-principles

クイックアンサー

universal-patterns とは?

アニメーション タイプを作成するときに使用します。基本的なタイミング、イージング、およびインターフェイス内のすべてのモーションに適用される原則的なアプリケーションを提供します。 ソース: dylantarre/animation-principles。

universal-patterns のインストール方法は?

ターミナルまたはコマンドラインツール(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