What is notifications-toasts?
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately Source: dylantarre/animation-principles.
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
Quickly install notifications-toasts AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 principles to notifications for attention-grabbing yet non-disruptive alerts.
Squash & Stretch Toast can compress slightly on entrance impact, then stretch back. Creates a "landing" feel as if it arrived from off-screen.
Anticipation Before auto-dismiss, toast can contract slightly (95% scale) for 100ms. Signals imminent departure to user.
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toastsUse when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately 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 notifications-toasts 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