사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/quasarframework/agent-skills --skill quasar-pwa-development시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
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.
