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