← ClaudeAtlas

providing-feedbacklisted

Implements feedback and notification systems including toasts, alerts, modals, progress indicators, and error states. Use when communicating system state, displaying messages, confirming actions, or showing errors.
ancoleman/ai-design-components · ★ 372 · Web & Frontend · score 75
Install: claude install-skill ancoleman/ai-design-components
# Providing User Feedback and Notifications This skill implements comprehensive feedback and notification systems that enhance all other component skills by providing consistent patterns for communicating system state, displaying messages, and handling user confirmations. ## When to Use This Skill Activate this skill when: - Implementing toast notifications or snackbars - Displaying success, error, warning, or info messages - Creating modal dialogs or confirmation dialogs - Implementing progress indicators (spinners, progress bars, skeleton screens) - Designing empty states or zero-result displays - Adding tooltips or contextual help - Determining notification timing, stacking, or positioning - Implementing accessible feedback patterns with ARIA - Communicating any system state to users ## Feedback Type Decision Matrix Choose the appropriate feedback mechanism based on urgency and attention requirements: ``` Critical + Blocking → Modal Dialog Important + Non-blocking → Alert Banner Success/Info + Temporary → Toast/Snackbar Contextual Help → Tooltip/Popover In-progress → Progress Indicator No Data → Empty State ``` ### Quick Reference by Urgency | Urgency Level | Component | Duration | Blocks Interaction | |---------------|-----------|----------|-------------------| | **Critical** | Modal Dialog | Until action | Yes | | **Important** | Alert Banner | Until dismissed | No | | **Standard** | Toast | 3-7 seconds | No | | **Co