使用方法
- 复制安装命令，在自己的智能体环境安装前先检查源码包。
- 从原始文档核对所需工具、凭据和支持的宿主。
- 说明输入材料与期望交付物，并对照来源检查输出。
npx skills add https://github.com/quasarframework/agent-skills --skill quasar-pwa-development开始前需了解
- 安装不包含模型订阅、API 额度或访问文件的权限。
- 仓库星数和安装量反映活跃情况，不等于独立质量或安全测试。
仓库原始内容
按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。
Quasar PWA Development
Use this skill with quasar-development and, when combined, the SSR or SSG skill.
Choose the service-worker strategy
- Inspect
quasar.config.* > pwa,src-pwa/, manifest configuration, and current Workbox mode. - Read the current Quasar PWA documentation.
- Add the mode with
quasar mode add pwa. - Prefer
GenerateSWfor standard caching; useInjectManifestonly when custom service-worker logic is required.
Design caching and updates explicitly
- Define what works offline and which requests must remain network-only.
- Never cache authentication responses, personalized data, mutation requests, or sensitive API content without a reviewed policy.
- Version application-shell and runtime caches; remove obsolete caches during activation.
- Provide an update flow appropriate to the app. Do not force activation when it can discard unsaved user work.
- Keep manifest identity, scope, start URL, display mode, theme colors, and icons aligned with deployment.
- Remember service workers require a secure context except on localhost.
- Test development behavior only where Quasar enables PWA service-worker handling; production output is authoritative.
Validate
- Build with
quasar build -m pwaand serve the output over HTTPS or localhost. - Verify manifest and service-worker registration in browser developer tools.
- Test first load, reload, offline launch, network recovery, a deployed update, and cache cleanup.
- Audit installability, icons, scope, start URL, routing fallbacks, and storage use.
- Run tests, typecheck, lint, and formatting checks.
