·notifications-toasts
*

notifications-toasts

通知、トースト、アラート、スナックバー、またはシステム メッセージをアニメーション化して適切に注意を引くときに使用します。

51インストール·4トレンド·@dylantarre

インストール

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

notifications-toasts のインストール方法

コマンドラインで notifications-toasts AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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.

通知、トースト、アラート、スナックバー、またはシステム メッセージをアニメーション化して適切に注意を引くときに使用します。 ソース: dylantarre/animation-principles。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-05
更新日
2026-03-10

Browse more skills from dylantarre/animation-principles

クイックアンサー

notifications-toasts とは?

通知、トースト、アラート、スナックバー、またはシステム メッセージをアニメーション化して適切に注意を引くときに使用します。 ソース: dylantarre/animation-principles。

notifications-toasts のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dylantarre/animation-principles --skill notifications-toasts インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

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