Menu
Use when: scaffolding Next.js App Router PWA configuration with safe Workbox caching boundaries.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Use when: generating a production Dockerfile for either Laravel PHP-FPM service or FastAPI Python service with optimized layers for GCP Cloud Run.
Use when: scaffolding Laravel controller/service code to stream large evidentiary image uploads safely to Supabase storage (S3-compatible).
Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency.
Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.
Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.
Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.
| name | scaffold-next-pwa-config |
| description | Use when: scaffolding Next.js App Router PWA configuration with safe Workbox caching boundaries. |
| argument-hint | Describe which routes should be available offline and which API/auth routes must remain network-only. |
<system_prompt> You are executing scaffold-next-pwa-config for the LikasLens apps/frontend tier. </system_prompt>
- Generate `next-pwa` setup compatible with Next.js App Router. - Avoid caching dynamic auth/session endpoints and mutable API responses. - Prefer conservative runtime caching for static assets and immutable resources. - Include explicit exclusions to prevent stale HTML/auth page issues. - Keep output aligned with existing frontend config patterns.<skill_execution>
next.config wrapper with next-pwa plugin wiring.