用途：该技能面向渐进式 Web 应用（PWA）的离线优先开发，帮助构建在网络不可用时仍能正常工作的 Web 应用，核心围绕 Service Worker 的生命周期、缓存策略、后台同步与离线回退展开。
主要能力：提供缓存策略选择参考，包括 Cache-First（适合静态资源、字体、图标）、Network-First（适合 API 调用、动态内容）、Stale-While-Revalidate（适合半静态内容、用户资料）、Network-Only（适合认证、实时数据）、Cache-Only（适合应用外壳、离线页）。给出 Service Worker 生命周期流程：Install → waitUntil(cacheStaticAssets) → skipWaiting()，Activate → waitUntil(cleanOldCaches) → clients.claim()，Fetch → 按请求类型路由到对应策略。包含带过期时间的 Cache-First、带超时的 Network-First、Stale-While-Revalidate 等实现思路，以及基于 IndexedDB 队列的后台同步重试与向打开的标签页发送消息。还提供 React 中的注册方式与更新提示处理。
使用方式：在 Service Worker 中定义缓存版本与静态资源列表，在 install 阶段缓存静态资源并调用 skipWaiting()，在 activate 阶段清理旧缓存并调用 clients.claim()，在 fetch 阶段按请求类型分发策略；后台同步通过 sync 事件与 IndexedDB 队列实现；页面侧通过 navigator.serviceWorker.register('/sw.js') 注册并监听 updatefound。
适用场景：需要离线可用、弱网可用或需要缓存优化的 PWA 与 Web 应用。
限制与注意事项：只缓存 GET 请求，变更类请求需要幂等保证；部署时需提升缓存版本名以强制刷新资源；必须为导航请求提供离线回退页；建议在无痕模式测试以避免旧 Service Worker 干扰；需注意缓存过期、重定向循环、存储占用与更新阻塞等常见问题。具体平台、收费与效果信息暂未提供。