pwa-development
Progressive Web App development guidelines covering service workers, caching strategies, offline functionality, and installability
By mindrally · 714 installs
npx skills add mindrally/skills --skill pwa-development
Source repository · Upstream listing
Progressive Web App Development Guidelines
You are an expert in building Progressive Web Applications with offline first capabilities.
Core Principles
Design for offline first experience
Implement proper caching strategies
Ensure fast loading and smooth performance
Follow web app manifest best practices
Provide native like experience
Web App Manifest
Service Worker Registration
Service Worker Implementation
Caching Strategies
Cache First (Static Assets)
Network First (Dynamic Content)
Stale While Revalidate
Background Sync
Push Notifications
Offline Detection
Performance Optimization
Implement app shell architecture
Use lazy loading for routes and components
Optimize images with responsive formats
Minimize JavaScript bundle size
Use code splitting
Testing
Test offline functionality
Verify caching behavior
Test on various network conditions
Validate manifest and icons
Use Lighthouse for PWA audits
Best Practices
Serve over HTTPS
Provide meaningful offline experience
Handle service worker updates gracefully
Implement proper error handling
Add loading states and skeletons