What is carousels-sliders?
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation Source: dylantarre/animation-principles.
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Quickly install carousels-sliders AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 principles to carousels and sliders for smooth, intuitive navigation.
Squash & Stretch Slides can slightly compress in scroll direction during fast swipes. Expands perception of speed and momentum.
Anticipation Before slide change, current slide can shift 5-10px in direction of navigation. Button can depress before triggering.
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill carousels-slidersUse when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation Source: dylantarre/animation-principles.
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 carousels-sliders Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles