navigation-menus とは？
ナビゲーション バー、メニュー、サイドバー、またはウェイファインディング要素をアニメーション化するときに使用して、スムーズで直感的なトランジションを作成します。 ソース: dylantarre/animation-principles。
·navigation-menus
*
navigation-menus
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesソース: dylantarre/animation-principles
ナビゲーション バー、メニュー、サイドバー、またはウェイファインディング要素をアニメーション化するときに使用して、スムーズで直感的なトランジションを作成します。
navigation-menus のインストール方法
コマンドラインで navigation-menus AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: dylantarre/animation-principles。
SKILL.md
原文を見るApply Disney's 12 principles to navigation for fluid, intuitive wayfinding.
Squash & Stretch Menu items can compress slightly on click. Mobile hamburger icon lines should squash during transformation to X.
Anticipation Before dropdown opens, trigger item can lift or highlight. Sidebar toggle icon rotates slightly before panel slides.
ナビゲーション バー、メニュー、サイドバー、またはウェイファインディング要素をアニメーション化するときに使用して、スムーズで直感的なトランジションを作成します。 ソース: dylantarre/animation-principles。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-03-05
- 更新日
- 2026-03-10
クイックアンサー
navigation-menus のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dylantarre/animation-principles
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-03-05