What is navigation-menus?
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions Source: dylantarre/animation-principles.
·navigation-menus
*
navigation-menus
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesSource: dylantarre/animation-principles
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Installation
How to Install navigation-menus
Quickly install navigation-menus AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: dylantarre/animation-principles.
SKILL.md
View rawApply 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.
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions Source: dylantarre/animation-principles.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-03-05
- Updated
- 2026-03-10
Quick answers
How do I install navigation-menus?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill navigation-menus Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/dylantarre/animation-principles
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-03-05