使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
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.
