notifications-push

Implement Web Push notifications with VAPID authentication for subscribing devices.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill notifications-push
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: notifications-push
Source: https://github.com/mattwoodco/skills/tree/main/skills/notifications-push
Command: npx skills add https://github.com/mattwoodco/skills --skill notifications-push

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires auth, db, add-pwa, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enables your application to send real-time push notifications to users' devices, enhancing engagement and ensuring timely communication even when the app is not actively open.

Core Features & Use Cases

  • Device Subscription: Securely subscribe user devices to receive push notifications using VAPID authentication.
  • Targeted & Bulk Pushes: Send notifications to individual users or large segments based on preferences and events.
  • In-App Notification Center: Provides a user-friendly interface within the application to view and manage received notifications.
  • Use Case: When a new message arrives in a chat application, this skill can send a push notification to the recipient's device and also add it to their in-app notification list.

Quick Start

Use the notifications-push skill to add web push notification capabilities to your application.

Frequently Asked Questions about notifications-push

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

FAQPage Schema
How do I implement web push notifications with VAPID authentication in a Next.js App Router project?

Web push notifications utilize a service worker for background handling to deliver real-time alerts to subscribed devices. This ensures timely communication and enhances user engagement even when your application is not actively open in the browser.

Can I send targeted push notifications to specific users instead of broadcasting to everyone?

Targeted push notifications are sent to individual users or large segments based on their managed preferences and application events. This capability allows you to deliver relevant real-time alerts directly to specific subscribed devices.

Does this web push notification implementation include an in-app notification center?

An in-app notification center provides a user-friendly interface to view and manage received notifications. This operates alongside the background service worker to ensure real-time alerts are accessible directly within your application.

What dependencies do I need to set up web push notifications with VAPID in my application?

Setting up web push notifications with VAPID requires Next.js App Router alongside auth, db, and add-pwa skills. These dependencies provide the necessary authentication, data storage, and service worker background handling.

How do service workers handle push notifications when my web application is closed?

A service worker processes VAPID-authenticated push notifications in the background to display real-time alerts when the application is closed. This background handling ensures timely communication and engagement on the user's device.