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.