Notification & Toast Motion System
When to use: Adding polished toast and notification experiences: success/error toasts, push-style notifications, achievement banners, and priority-stacked alerts with motion.
npx skills add notification-motion-systemgit clone https://github.com/skillhub-community/notification-motion-system.gitDescription
An animated notification system built for feel and clarity. ToastContainer with AnimatePresence handles: enter (slide+spring from the edge), exit (slide out + collapse with height auto-animation so siblings don't jump), auto-dismiss with progress-countdown bar, swipe-to-dismiss with drag physics, and stacking (new toasts push the stack, max-height with scroll). Supports position presets (top-right, bottom-center, top-full-width for banners) and a priority queue so critical errors always surface above low-priority info.
Includes richer notification types: AchievementToast (confetti burst + badge pop), ProgressToast (animated progress ring for uploads/downloads), and StackedPush (multi-line notification card like mobile OS push). Motion principles baked in: enter faster than exit, subtle scale+opacity for low-priority, attention-grabbing accent for critical. Provides useToast() hook with optimistic updates, pause-on-hover, and a11y (role='status', aria-live region, focus management). Reduced-motion mode renders static toasts with no animation.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub