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?

# 核心主题

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

技能概览

先看适用场景、限制条件和安装路径，再决定是否继续深入。

适用场景： 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

适用 Agent 类型

适用场景： Ideal for AI agents that need framework : next.js.

↓ 赋予的主要能力 · 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

关于来源内容

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

实验室 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

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.

如何安装 pwa？

运行命令：npx killer-skills add SylphxAI/flow。支持 Cursor、Windsurf、VS Code、Claude Code 等 19+ IDE/Agent。

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)。

pwa 支持哪些 IDE 或 Agent？

该技能兼容 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。可使用 Killer-Skills CLI 一条命令通用安装。

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。

↓ 安装步骤

  1. 1. 打开终端

    在你的项目目录中打开终端或命令行。

  2. 2. 执行安装命令

    运行：npx killer-skills add SylphxAI/flow。CLI 会自动识别 IDE 或 AI Agent 并完成配置。

  3. 3. 开始使用技能

    pwa 已启用，可立即在当前项目中调用。

! 来源说明

此页面仍可作为安装与查阅参考。继续使用前，请结合上方适用场景、限制条件和上游仓库说明一起判断。

Upstream Repository Material

The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.

Upstream Source

pwa

安装 pwa，这是一款面向AI agent workflows and automation的 AI Agent Skill。查看功能、使用场景、限制条件与安装命令。

SKILL.md
Readonly
Upstream Repository Material
The section below comes from the upstream repository. Use it as supporting material alongside the fit, use-case, and installation summary on this page.
Upstream Source

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?

相关技能

寻找 pwa 的替代方案 (Alternative) 或可搭配使用的同类 community Skill？探索以下相关开源技能。

查看全部

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
AI

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
AI

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
浏览器

pr-review

Logo of pytorch
pytorch

本地化技能摘要： Usage Modes No Argument If the user invokes /pr-review with no arguments, do not perform a review . It covers autograd, deep-learning, gpu workflows. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

★ 98.6k
⑂ 0
开发者工具