progressive-web-app
Installation
SKILL.md
Progressive Web Apps (PWAs)
Visão Geral
Um Progressive Web App é uma aplicação web que usa recursos modernos do navegador para entregar uma experiência rápida, confiável e instalável — mesmo em redes instáveis. Os três pilares obrigatórios são:
- HTTPS — Obrigatório em produção para registrar service workers (localhost é isento para desenvolvimento).
- Web App Manifest (
manifest.json) — Torna o app instalável e define sua aparência na tela inicial do dispositivo. - Service Worker (
sw.js) — Um script de background que intercepta requisições de rede, gerencia caches e habilita funcionalidade offline.
Quando Usar Esta Habilidade
- Use quando o usuário quiser que seu app web funcione offline ou em redes instáveis.
- Use ao construir um projeto web mobile-first onde usuários devem conseguir instalar o app na tela inicial.
- Use quando o usuário perguntar sobre estratégias de cache, service workers ou melhorar performance e resiliência do app web.
- Use quando o usuário mencionar Workbox, manifesto de app web, sincronização em background ou notificações push para a web.
- Use quando o usuário perguntar "meu website pode ser instalado como um app?" ou "como faço meu site funcionar offline?" — mesmo que não use a palavra PWA.