PWA Patterns — Patrones Progressive Web App (stack-ia-creador)

What problem does it solve?

This Skill helps you implement reliable Progressive Web App patterns so your web app stays fast, installable, and usable offline with predictable caching behavior.

Core Features & Use Cases

• Service Worker caching strategies: Apply stale-while-revalidate for app assets and network-first for API calls to balance responsiveness with freshness.
• Manifest-driven installability: Configure manifest.json fields (name, icons, display mode, shortcuts) to support “Add to Home Screen” experiences.
• Web Vitals and UX guardrails: Set practical performance goals (LCP/CLS/INP) and recommend mobile-first, accessible structure to reduce user-facing regressions.

Use case: Build a Vanilla JS dashboard that loads quickly from cache, updates content in the background, and still works when the user loses connectivity during editing or viewing.

Quick Start

Ask the system to generate a production-ready sw.js and manifest.json setup that follows stale-while-revalidate for same-origin HTML/JS/CSS and network-first for same-origin /api/ requests.