notification-persistence

Persist and retrieve browser notifications in localStorage with a 50-item retention policy.

3|Updated Dec 14, 2025
One-click install
npx skills add https://github.com/Syedaashnaghazanfar/full-stack-todo-app --skill notification-persistence
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: notification-persistence
Source: https://github.com/Syedaashnaghazanfar/full-stack-todo-app/tree/main/.claude/skills/notification-persistence
Command: npx skills add https://github.com/Syedaashnaghazanfar/full-stack-todo-app --skill notification-persistence

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill handles client-side storage and lifecycle management of browser notifications using localStorage, providing a clean schema and CRUD operations.

Core Features & Use Cases

  • Persistence: store notifications in localStorage with a defined schema (id, taskId, message, timestamp, read, priority).
  • Retrieval & filtering: getAll, getUnread, and count unread.
  • State management: markAsRead, markAllAsRead.
  • Cleanup: automatically removes notifications when associated tasks are deleted and enforces a 50-notification retention limit.
  • Integration: works alongside task management and notification UI components.

Quick Start

Initialize the service in your app, persist a sample notification, and verify retrieval and unread filtering.

Frequently Asked Questions about notification-persistence

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

FAQPage Schema
How do I persist notifications in localStorage for a browser app?

Persist notifications in localStorage by initializing the notification service and calling its save method with notification data including id, taskId, message, timestamp, read status, and priority. The service stores up to 50 notifications and automatically removes older ones when the limit is exceeded.

How do I retrieve and filter unread notifications from browser storage?

Retrieve unread notifications by calling the getUnread method on the notification service, which filters stored notifications by read status. Use getAll to retrieve all persisted notifications, and count unread to track the total number of unread items.

Can I mark notifications as read and clean up old ones automatically?

Mark notifications as read using markAsRead or markAllAsRead methods. The service automatically removes notifications when associated tasks are deleted and enforces a 50-item retention limit, so old notifications are cleaned up without manual intervention.

What schema does localStorage notification storage use?

Notifications stored in localStorage follow a defined schema with fields: id, taskId, message, timestamp, read status, and priority. This structure enables consistent CRUD operations across retrieval, filtering, and state management.

Does this work alongside task management and UI components?

Yes, the notification persistence service integrates with task management workflows and notification UI components. It handles the storage layer while UI and task management handle display and triggering, allowing clean separation of concerns.