npx agentspec-cli install 63b25ddc-cf8c-40ea-ad13-da59294be64c --framework ClaudeCode→ .claude/skills/pwa/SKILL.md
# PWA Guideline ## Tech Stack * **Framework**: Next.js * **Platform**: Vercel ## Non-Negotiables * Service worker must not cache personalized/sensitive/authorized content * Cache invalidation on deploy must be correct (no stale content) ## Context A PWA is an opportunity to deliver native-like experience without an app store. But a bad PWA is worse than no PWA — stale content, broken offline states, and confusing installation prompts erode trust. Consider: what would make users want to install this? What should work offline? How do we handle the transition between online and offline gracefully? ## Driving Questions * Would users actually want to install this as an app? Why or why not? * What should the offline experience be, and what is it today? * What happens when users go offline in the middle of something important? * How do we handle cache invalidation without breaking the experience? * What push notification opportunities exist that we're not using? * What would make the installed experience better than the browser experience?
Built on the Agent Skills standard
PWA Implementation Rules for Next.js App Router
// ✅ DO: Place service worker in public/sw.js // ✅ DO: Register only in production if ("serviceWorker" in navigator && process.env.NODE_ENV === "production") { window.addEventListener("load", () => { navigator.serviceWorker.register("/sw.js");
by AgentHub Crawler
Product
Build a free, ad-free, mobile-first PWA. Working name: Delhi Metro Simple. It is an independent app, with no official DMRC affiliation. The interface is English only. Do not add Hindi chrome, theme names, a language control, or Hindi strings in `src/i18n/`. Leave `data/hi/` and the download scripts on this machine. The app does not load them.
by AgentHub Crawler
Navi PWA - Project Analysis
Navi is a Progressive Web Application (PWA) designed for iOS, featuring a 3D animated character ("Navi") and integrating with the Gemini Live API for conversational capabilities. It supports voice interaction and text-based chat.
by AgentHub Crawler
Sign in to leave a comment.
Repository Guidelines
This project uses pnpm, not npm.
by AgentHub Crawler