notifications-and-recovery

Design accessible notification, error, loading, and recovery feedback patterns.

33|6|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/dembrandt/dembrandt-skills --skill notifications-and-recovery-dembrandt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: notifications-and-recovery
Source: https://github.com/dembrandt/dembrandt-skills/tree/main/skills/notifications-and-recovery
Command: npx skills add https://github.com/dembrandt/dembrandt-skills --skill notifications-and-recovery-dembrandt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users understand system state changes and recover gracefully when actions fail, preventing confusing errors, lost work, and interrupted workflows.

Core Features & Use Cases

  • Pattern Selection: Choose the right feedback pattern for each situation, including toasts, inline errors, alert banners, dialogs, empty states, skeletons, and in-place confirmations.
  • Recovery Design: Add practical retry, undo, autosave, draft recovery, and graceful degradation paths to error states.
  • Accessible Notifications: Structure status and error feedback with appropriate roles, keyboard access, readable timing, and screen-reader announcements.
  • Use Case: When a form submission fails because of a network issue, provide a persistent error message with a retry action, preserve the user's changes, and announce the failure accessibly.

Quick Start

Use the notifications-and-recovery skill to review this interface and add appropriate success, error, loading, retry, and undo feedback patterns.

Frequently Asked Questions about notifications-and-recovery

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design accessible toast notifications and inline errors for web forms?

Accessible toast notifications and inline errors require appropriate ARIA roles, keyboard access, readable timing, and screen-reader announcements to ensure users understand system state changes. Pattern selection matches feedback type to context, using inline errors for forms and toasts for transient confirmations.

What is the best way to add retry and undo patterns for failed asynchronous actions?

Retry and undo patterns for failed asynchronous actions provide actionable recovery paths by preserving user changes during failures and offering persistent error messages with retry buttons. Graceful degradation and draft recovery handle both transient and persistent failures without interrupting workflows.

When should I use alert banners instead of toast notifications for error feedback?

Alert banners suit persistent validation errors requiring immediate user attention, while toast notifications handle transient success or status updates. Contextual pattern selection determines dismissal timing and persistence, ensuring critical recovery actions remain visible until resolved.

How do I handle autosave workflows and draft recovery when network submissions fail?

Autosave workflows and draft recovery preserve user input during network failures by maintaining local state and providing graceful degradation paths. When form submission fails, the system retains changes and presents actionable recovery options to prevent lost work.

Does designing error recovery flows require specific UI components or libraries?

Designing error recovery flows requires no specific UI component dependencies. The approach focuses on contextual pattern selection using standard interface elements like skeletons, banners, and dialogs, structured with appropriate ARIA roles and keyboard support for accessible status feedback.