skills.homes logoskills.homescapability registry
home/categories/frontend/syedaashnaghazanfar-full-stack-todo-app-claude-skills-notification-ui-skill-md
cd ..
frontenddevelopment

notification-ui

Renders notification bell icon with unread count badge, pulse animations for new notifications, and dropdown panel (320px × max 400px) displaying notification items with purple theme for VERY IMPORTANT tasks. Includes mark-as-read interaction and empty state handling.

View Sourcefrontend
Syedaashnaghazanfar
maintainer
Syedaashnaghazanfar
Updated 12/31/2025
Stars
3
Forks
0
quick start

Installation and usage

Renders notification bell icon with unread count badge, pulse animations for new notifications, and dropdown panel (320px × max 400px) displaying notification items with purple theme for VERY IMPORTANT tasks. Includes mark-as-read interaction and empty state handling.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use notification-ui