Claude Code PWA 技能：给公开文章设计离线缓存和未命中回退

Claude Code 安装步骤

从固定提交获取完整的 `skills/pwa-development` 目录。
复制到目标项目的 `.claude/skills/` 后核对 `.claude/skills/pwa-development/SKILL.md`。从项目根目录启动 Claude Code，直接描述符合该技能用途的任务。

根据资源更新频率和离线需求选择缓存策略。适合让公开阅读页在断网时重开，同时给从未缓存的页面安排清楚的回退。

为虚构的社区公告阅读器规划离线行为。用户在线读过公告 A，未读过 B。请设计断网后重新打开 A 和访问 B 的不同结果。

A 可使用已有公开缓存，B 显示离线说明而非空白。恢复网络后再次访问，验证公开文章可以更新。

GitHub 原文 · 更新日期 2026-11-13

Claude Code、固定版本技能和可在浏览器里测试 Service Worker 的 Web 项目。演练只用公开内容。

按更新频率和数据用途选择策略。静态资源适合优先读缓存，时效敏感或私有请求要按项目规则另行处理。