UI & UX

Toast Notification System

Designs restrained, accessible toast notifications: queues, live regions, dismissal rules, duplicate suppression.

What it does

Designs restrained, accessible toast notifications: queues, live regions, dismissal rules, duplicate suppression.

When to use it

Use for transient success/error feedback, notification queues, or auditing noisy or inaccessible toasts.

Problems it prevents

Stops toast stacks that pile up, repeat the same message, or vanish before a screen reader can announce them.

Typical workflow

  1. Define the notification model
  2. Implement live-region announcement
  3. Add duplicate suppression
  4. Verify dismissal and route persistence

Example output

A toast system where duplicate events collapse into one notification and every message is actually announced.

What's included

  1. 01
    The complete prompt

    The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

  2. 02
    Install walkthrough

    Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

  3. 03
    Use notes

    How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Installation

Save the manual as SKILL.md in ~/.claude/skills/toast-notification-system/ to use it on every project, or in .claude/skills/toast-notification-system/ to scope it to one repository. Then invoke it directly:

/toast-notification-system

Read the official Claude Code skills guide

Works well with