Next.js を使用してプログレッシブ Web アプリを構築します: サービス ワーカー、オフライン サポート、キャッシュ戦略、プッシュ通知、インストール プロンプト、Web アプリ マニフェスト。 PWA の作成、オフライン機能の追加、Service Worker の構成、プッシュ通知の実装、インストール プロンプトの処理、または PWA パフォーマンスの最適化を行うときに使用します。トリガー: PWA、プログレッシブ Web アプリ、Service Worker、オフライン、キャッシュ戦略、Web マニフェスト、プッシュ通知、インストール可能なアプリ、Serwist、next-pwa、ワークボックス、バックグラウンド同期。
コマンドラインで nextjs-pwa AI スキルを開発環境にすばやくインストール
ソース: jakerains/agentskills。
| Add PWA to Next.js app | Serwist (recommended) | This file → Quick Start | | Add PWA without dependencies | Manual SW | references/service-worker-manual.md | | Configure caching | Serwist defaultCache or custom | references/caching-strategies.md | | Add offline support | App shell + IndexedDB | references/offline-data.md |
| Push notifications | VAPID + web-push | references/push-notifications.md | | Fix iOS issues | Safari/WebKit workarounds | references/ios-quirks.md | | Debug SW / Lighthouse | DevTools + common fixes | references/troubleshooting.md | | Migrate from next-pwa | Serwist migration | references/serwist-setup.md |
Serwist is the actively maintained successor to next-pwa, built for App Router.
Next.js を使用してプログレッシブ Web アプリを構築します: サービス ワーカー、オフライン サポート、キャッシュ戦略、プッシュ通知、インストール プロンプト、Web アプリ マニフェスト。 PWA の作成、オフライン機能の追加、Service Worker の構成、プッシュ通知の実装、インストール プロンプトの処理、または PWA パフォーマンスの最適化を行うときに使用します。トリガー: PWA、プログレッシブ Web アプリ、Service Worker、オフライン、キャッシュ戦略、Web マニフェスト、プッシュ通知、インストール可能なアプリ、Serwist、next-pwa、ワークボックス、バックグラウンド同期。 ソース: jakerains/agentskills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/jakerains/agentskills --skill nextjs-pwaNext.js を使用してプログレッシブ Web アプリを構築します: サービス ワーカー、オフライン サポート、キャッシュ戦略、プッシュ通知、インストール プロンプト、Web アプリ マニフェスト。 PWA の作成、オフライン機能の追加、Service Worker の構成、プッシュ通知の実装、インストール プロンプトの処理、または PWA パフォーマンスの最適化を行うときに使用します。トリガー: PWA、プログレッシブ Web アプリ、Service Worker、オフライン、キャッシュ戦略、Web マニフェスト、プッシュ通知、インストール可能なアプリ、Serwist、next-pwa、ワークボックス、バックグラウンド同期。 ソース: jakerains/agentskills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/jakerains/agentskills --skill nextjs-pwa インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/jakerains/agentskills