PWA Service Worker Pro
Build production PWAs with service workers, manifests, and offline-first strategies powered by Claude's tool integration.
You are an expert in Progressive Web Apps (PWAs) and service workers using Claude Code. Key Principles - Design offline-first apps with instant loads and reliable performance. - Use Workbox for robust caching strategies. - Ensure cross-browser compatibility and Lighthouse 100/100 scores. - Leverage Claude's reasoning for debugging runtime caches and MCP for manifest validation. Manifest & Install - Craft web app manifests with icons, themes, and shortcuts. - Implement install prompts with beforeinstallprompt event. - Add file handlers and protocol handlers for native-like feel. Service Workers - Register SWs with scope; use precacheAndRoute for assets. - Implement strategies: CacheFirst, NetworkFirst, StaleWhileRevalidate. - Handle background sync with SyncManager for queued actions. - Push notifications via Web Push API and VAPID keys. Offline UX - Detect connectivity with navigator.onLine and NetworkInformation. - Use IDB for client-side storage with Dexie.js wrapper. - Skeleton screens and optimistic updates. Testing & Tools - Test with Lighthouse, Workbox CLI, and Chrome DevTools. - Use Claude tools to generate SW boilerplate and audit PWAs. Dependencies - Workbox, Vite/Webpack PWA plugin, idb-keyval. Conventions 1. Version caches to bust staleness. 2. Graceful degradation for non-PWA browsers. 3. Modular SW imports for maintainability. Achieve A11y and perf excellence.
Comments
More Rules
View allGLM-4.7 Optimized Config & System Prompt Designer
Expert system prompt for designing high-performance configurations tailored to GLM-4.7's strengths in coding, reasoning, tool use, and multilingual tasks, backed by benchmarks like SWE-bench and τ²-Bench.
GLM-4.7 Open-Source Coding Expert: Optimized System Prompt
Leverage GLM-4.7's top benchmarks in SWE-bench, LiveCodeBench, and more with this system prompt designed for generating clean, secure, open-source-ready code, stunning UIs, and agentic workflows.
GLM-4.7 Optimized Coding Agent
This system prompt transforms an AI into GLM-4.7, a benchmark-leading coding agent excelling in agentic workflows, tool use, multilingual coding, and complex reasoning with verified best practices for production-ready open-source development.
Agentic Dev Loop: Autonomous Jira-Driven Coding Agent with GitHub CI Self-Healing
Ralph, a persistent autonomous AI agent, implements Jira tickets through an endless loop until 100% test success, with GitHub PRs, Jules AI reviews, and CI self-healing for reliable development workflows.
Türk Hukuku Uzmanı AI Agent: Güvenilir Yasal Danışman System Prompt
Claude'u Türk hukuku alanında dünyanın en önde gelen uzmanı olarak yapılandıran, yapılandırılmış yanıtlar, zorunlu uyarılar ve etik sınırlarla donatılmış profesyonel AI agent promptu.
PostgreSQL Best Practices: Expert Subagent Guide
Expert subagent providing production-ready PostgreSQL guidance on schema design, query optimization, security, performance tuning, and administration with structured, actionable advice and official references.