Notification UI Skill

Overview

The notification UI skill provides the visual interface for displaying notifications, including a bell icon with badge, animated indicators, and an interactive notification panel.

When to Apply

Apply this skill:

• When rendering the app header (bell icon)
• When displaying unread notification count
• When showing notification panel/dropdown
• When animating new notification arrivals
• When user interacts with notifications (click to mark as read)
• When displaying empty state (no notifications)

Bell Icon Specifications

Icon Size and Position