使用 Next.js 构建渐进式 Web 应用程序：服务工作人员、离线支持、缓存策略、推送通知、安装提示和 Web 应用程序清单。在创建 PWA、添加离线功能、配置 Service Worker、实施推送通知、处理安装提示或优化 PWA 性能时使用。触发器：PWA、渐进式 Web 应用程序、服务工作线程、离线、缓存策略、Web 清单、推送通知、可安装应用程序、Serwist、next-pwa、workbox、后台同步。
通过命令行快速安装 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 应用程序、服务工作线程、离线、缓存策略、Web 清单、推送通知、可安装应用程序、Serwist、next-pwa、workbox、后台同步。 来源：jakerains/agentskills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/jakerains/agentskills --skill nextjs-pwa使用 Next.js 构建渐进式 Web 应用程序：服务工作人员、离线支持、缓存策略、推送通知、安装提示和 Web 应用程序清单。在创建 PWA、添加离线功能、配置 Service Worker、实施推送通知、处理安装提示或优化 PWA 性能时使用。触发器：PWA、渐进式 Web 应用程序、服务工作线程、离线、缓存策略、Web 清单、推送通知、可安装应用程序、Serwist、next-pwa、workbox、后台同步。 来源：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