notification-design
Installation
SKILL.md
Notification Design
Notification Types
| Type | Urgency | Persistence | Example |
|---|---|---|---|
| Toast/Snackbar | Low | Auto-dismiss (3-5s) | "File saved" |
| Banner | Medium | Dismissible | "New version available" |
| Inline alert | Medium | Persistent | Form validation error |
| Modal alert | High | Requires action | "Delete all data?" |
| System notification | Varies | OS-level | Push notification |
Toast Design
- Position: top-right (desktop), top-center (mobile).
- Auto-dismiss: 3-5 seconds. Pause on hover.
- Stack limit: max 3 visible. Queue the rest.
- Include undo action for destructive operations.
- Don't use toasts for errors that need user action.