pwa — for Claude Code community, for Claude Code, ide skills, code-generation, developer-tools, minimal-effective-prompt, semantic-search, starcoder2, Guideline, Framework

v1.0.0
GitHub

이 스킬 정보

적합한 상황: Ideal for AI agents that need framework : next.js. 현지화된 요약: But a bad PWA is worse than no PWA — stale content, broken offline states, and confusing installation prompts erode trust. It covers ai, automation, code-generation workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

기능

Framework : Next.js
Service worker must not cache personalized/sensitive/authorized content
Cache invalidation on deploy must be correct (no stale content)
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?

# Core Topics

for Claude Code code-generation developer-tools minimal-effective-prompt semantic-search starcoder2
SylphxAI SylphxAI
[4]
[3]
Updated: 4/4/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 8/11

This page remains useful for teams, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution
Review Score
8/11
Quality Score
33
Canonical Locale
en
Detected Body Locale
en

적합한 상황: Ideal for AI agents that need framework : next.js. 현지화된 요약: But a bad PWA is worse than no PWA — stale content, broken offline states, and confusing installation prompts erode trust. It covers ai, automation, code-generation workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

이 스킬을 사용하는 이유

추천 설명: pwa helps agents framework : next.js. But a bad PWA is worse than no PWA — stale content, broken offline states, and confusing installation prompts erode trust. This AI agent skill supports Claude Code, Cursor

최적의 용도

적합한 상황: Ideal for AI agents that need framework : next.js.

↓ 실행 가능한 사용 사례 for pwa

사용 사례: Applying Framework : Next.js
사용 사례: Applying Service worker must not cache personalized/sensitive/authorized content
사용 사례: Applying Cache invalidation on deploy must be correct (no stale content)

! 보안 및 제한 사항

  • 제한 사항: Service worker must not cache personalized/sensitive/authorized content
  • 제한 사항: Cache invalidation on deploy must be correct (no stale content)
  • 제한 사항: Requires repository-specific context from the skill documentation

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.
  • - The underlying skill quality score is below the review floor.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

After The Review

Decide The Next Action Before You Keep Reading Repository Material

Killer-Skills should not stop at opening repository instructions. It should help you decide whether to install this skill, when to cross-check against trusted collections, and when to move into workflow rollout.

Install Path

Start With Installation And Validation

If this skill is worth continuing with, the next step is to confirm the install command, CLI write path, and environment validation.
Trusted Recheck

Cross-Check Against Trusted Picks

If you are still comparing multiple skills or vendors, go back to the trusted collection before amplifying repository noise.
Workflow

Move To Workflow Collections For Team Rollout

When the goal shifts from a single skill to team workflows, approvals, and repeatable execution, move into workflow collections.
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is pwa?

적합한 상황: Ideal for AI agents that need framework : next.js. 현지화된 요약: But a bad PWA is worse than no PWA — stale content, broken offline states, and confusing installation prompts erode trust. It covers ai, automation, code-generation workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

How do I install pwa?

Run the command: npx killer-skills add SylphxAI/flow. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for pwa?

Key use cases include: 사용 사례: Applying Framework : Next.js, 사용 사례: Applying Service worker must not cache personalized/sensitive/authorized content, 사용 사례: Applying Cache invalidation on deploy must be correct (no stale content).

Which IDEs are compatible with pwa?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for pwa?

제한 사항: Service worker must not cache personalized/sensitive/authorized content. 제한 사항: Cache invalidation on deploy must be correct (no stale content). 제한 사항: Requires repository-specific context from the skill documentation.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add SylphxAI/flow. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use pwa immediately in the current project.

! Reference-Only Mode

This page remains useful for installation and reference, but Killer-Skills no longer treats it as a primary indexable landing page. Read the review above before relying on the upstream repository instructions.

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

pwa

Install pwa, an AI agent skill for AI agent workflows and automation. Review the use cases, limitations, and setup path before rollout.

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

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?

관련 스킬

Looking for an alternative to pwa or another community skill for your workflow? Explore these related open-source skills.

모두 보기

openclaw-release-maintainer

Logo of openclaw
openclaw

현지화된 요약: 🦞 # OpenClaw Release Maintainer Use this skill for release and publish-time workflow. It covers ai, assistant, crustacean workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 333.8k
⑂ 0
인공지능

nextjs-turbopack

[ 추천 ]
Logo of affaan-m
affaan-m

현지화된 요약: Next.js 16+ and Turbopack — incremental bundling, FS caching, dev speed, and when to use Turbopack vs webpack. It covers ai-agents, anthropic, claude workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 169.5k
⑂ 0
생산성

widget-generator

Logo of f
f

현지화된 요약: Generate customizable widget plugins for the prompts.chat feed system # Widget Generator Skill This skill guides creation of widget plugins for prompts.chat . It covers ai, artificial-intelligence, awesome-list workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf

★ 149.6k
⑂ 0
인공지능

flags

Logo of vercel
vercel

현지화된 요약: The React Framework # Feature Flags Use this skill when adding or changing framework feature flags in Next.js internals. It covers blog, browser, compiler workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 138.4k
⑂ 0
브라우저