add-mobile

Convert Next.js apps into installable PWAs with push notifications.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-mobile-arroyo2009jose-max
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-mobile
Source: https://github.com/arroyo2009jose-max/civradar-autoridades/tree/main/.claude/skills/add-mobile
Command: npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-mobile-arroyo2009jose-max

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts a Next.js app into an installable PWA with a complete push notification system, including service worker, manifest, VAPID keys, subscribe/unsubscribe flows, and iOS compatibility considerations.

Core Features & Use Cases

  • Turn Next.js apps into installable PWAs with offline capabilities and home screen installation.
  • Implement push notifications via a service worker, with subscription management and server integration.
  • Best practices and pre-requisites: requires /add-login for profiles; supports iOS Safari constraints.

Quick Start

Create all required files, configure VAPID keys, register the service worker, and test installation and push.

Frequently Asked Questions about add-mobile

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

FAQPage Schema
How do I convert a Next.js app into an installable PWA with push notifications?▼

To convert a Next.js app into an installable PWA with push notifications, you need a service worker, manifest.json, VAPID keys, a registration hook, and API routes to manage user subscriptions and server integration.

Does Next.js PWA push notification setup work with iOS Safari?▼

Yes, Next.js PWA push notification setup supports iOS Safari compatibility. The implementation includes specific considerations to handle iOS Safari constraints for cross-browser web push support and home screen installation.

What do I need to configure VAPID keys for web push in a Next.js PWA?▼

Configuring VAPID keys for web push in a Next.js PWA requires generating the keys and integrating them into your service worker and API routes. These keys manage the subscription and unsubscribe flows for cross-browser push notifications.

Do I need user authentication to manage PWA push notification subscriptions?▼

User authentication is required to manage PWA push notification subscriptions. You need to implement login profiles first to handle user-specific subscription management and server integration for the push system.

What are the limitations of adding offline readiness to a Next.js web app?▼

Limitations of adding offline readiness to a Next.js web app include platform-specific constraints like iOS Safari behavior. You must properly register a service worker and manage subscription routes to ensure reliable offline capabilities and push delivery.