Pwa Expert
Handles the full PWA stack from manifest setup to Service Worker caching strategies and install prompts. Covers the essentials like making apps installable, implementing offline support with proper cache-first and network-first patterns, and handling the beforeinstallprompt event for custom install UIs. Includes practical patterns for background sync, update flows, and Next.js integration. The references are comprehensive with full hooks for install prompts, online status detection, and update notifications. Good for turning existing web apps into installable, offline-capable experiences. Won't help with native mobile development or general performance tuning outside the PWA context.
- skills.sh installs
- 262
- GitHub stars
- 113
- last updated
- Jun 3, 2026
Install
$ npx -y skills add erichowens/some_claude_skills --skill pwa-expert --agent claude-codeInstalls into .claude/skills of the current project.
Files
Progressive Web App Expert
Build installable, offline-capable web apps with Service Workers, smart caching, and native-like experiences.
When to Use This Skill
- Making a web app installable on mobile/desktop
- Implementing offline functionality
- Setting up Service Worker caching strategies
- Handling install prompts (
beforeinstallprompt) - Background sync for offline-first apps
- Managing PWA update flows
- Creating web app manifests
When NOT to Use This Skill
- Native app development → Use React Native, Flutter, or native SDKs
- General web performance → Use Lighthouse/performance auditing tools
- Server-side rendering issues → Use Next.js/framework-specific docs
- Push notifications only → Consider dedicated push notification services
- Simple static sites → PWA overhead may not be worth it
Core Concepts
What Makes a PWA Installable
- HTTPS (or localhost for dev)
- Web App Manifest with required fields
- Service Worker with fetch handler
- Icons (192×192 and 512×512 minimum)
The PWA Stack
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/erichowens/some_claude_skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from erichowens/some_claude_skills
All 73- Indie Monetization Strategist256
- Ai Video Production Master254
- Color Theory Palette Harmony Expert254
- Vitest Testing Patterns252
- Photo Content Recognition Curation Expert227
- Web Design Expert226
- Adhd Daily Planner215
- Voice Audio Engineer210
- Typography Expert202
- Admin Dashboard200
- Data Viz 2025198
- Geospatial Data Pipeline197
- Sound Engineer182
- Document Generation Pdf172
- Crisis Response Protocol163
- Refactoring Surgeon161
- Agent Creator158
- Dark Mode Design Expert155
- Computer Vision Pipeline153
- Ux Friction Analyzer152
- Wisdom Accountability Coach152
- Fullstack Debugger148
- Hand Drawn Infographic Creator148
- Partner Text Coach148
Recommended
More Frontend Development
frontend-designaiskillstore/marketplaceCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat255skills.sh installs
web3-frontendpluginagentmarketplace/custom-plugin-blockchainMaster Web3 frontend development with wallet integration, viem/wagmi, and dApp UX252skills.sh installs