·notifications-toasts
*

notifications-toasts

Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately

51Installs·4Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts

How to Install notifications-toasts

Quickly install notifications-toasts AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts
  3. 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 raw

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.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts
Category
*Creative Media
Verified
First Seen
2026-03-05
Updated
2026-03-10

Browse more skills from dylantarre/animation-principles

Quick answers

What is notifications-toasts?

Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately Source: dylantarre/animation-principles.

How do I install notifications-toasts?

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

Where is the source repository?

https://github.com/dylantarre/animation-principles