notification-patterns
Installation
SKILL.md
Notification Patterns
Types
| Type | Duration | User Action | Use For |
|---|---|---|---|
| Toast | 3-5 sec auto-dismiss | None required | Success, info, non-critical |
| Banner | Until dismissed | Dismiss or act | Warnings, updates, promos |
| Inline alert | Persistent | Context-dependent | Form errors, status messages |
| Badge | Until cleared | Open to clear | Unread counts, new items |
| Push | N/A | Open or dismiss | Time-sensitive, actionable |
Toast Rules
- Position: top-right (desktop) or top-center (mobile)
- Stack new toasts above old ones
- Auto-dismiss after 3-5 seconds for success/info
- Don't auto-dismiss errors (users need time to read)
- Include undo action for destructive operations ("Item deleted. Undo")
- Maximum 3 visible at once