universal-elements とは？
特定のスキルでカバーされていない UI 要素をアニメーション化する場合、または複数の要素タイプに一般的なアニメーションの原則を適用する場合に使用します。 ソース: dylantarre/animation-principles。
·universal-elements
*
universal-elements
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesソース: dylantarre/animation-principles
特定のスキルでカバーされていない UI 要素をアニメーション化する場合、または複数の要素タイプに一般的なアニメーションの原則を適用する場合に使用します。
universal-elements のインストール方法
コマンドラインで universal-elements AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: dylantarre/animation-principles。
SKILL.md
原文を見るApply Disney's 12 principles to any UI element for consistent, professional motion design.
Squash & Stretch Any element that responds to interaction can squash (compress on impact/press) and stretch (extend on release). Keep it subtle: 2-5% maximum for UI.
Anticipation Before any significant action, a brief preparatory motion signals what's coming. Scale down before scale up, pull back before push forward. 50-100ms duration.
特定のスキルでカバーされていない UI 要素をアニメーション化する場合、または複数の要素タイプに一般的なアニメーションの原則を適用する場合に使用します。 ソース: dylantarre/animation-principles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-05
- 更新日
- 2026-03-11
クイックアンサー
universal-elements のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill universal-elements インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dylantarre/animation-principles
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-05