web-pwa

web-pwa is a skill for Claude Code from AdamBien/airails. It costs 172 tokens per session (1,881 once invoked), scanned A, original, MIT.

A web-frontend add-on that adds offline operation through a service worker and Cache API, plus installation details through a web app manifest.

In plain words
What is it for?
It is for adding offline support and installability to static, lightly enhanced, or component-based web frontends.
Why use it?
It helps an existing website keep its app shell available without a network and makes it installable where the browser supports those web standards.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter.

Good fit It is for adding offline support and installability to static, lightly enhanced, or component-based web frontends.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/adambien/airails/web-pwa
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add AdamBien/airails --skill web-pwa
Clone the repo
git clone --depth 1 https://github.com/AdamBien/airails

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for web-pwa

README.md
[![agentmods](https://agentmods.dev/badge/skills/adambien/airails/web-pwa/github.svg)](https://agentmods.dev/skills/adambien/airails/web-pwa)
Your own site
<a href="https://agentmods.dev/skills/adambien/airails/web-pwa"><img src="https://agentmods.dev/badge/skills/adambien/airails/web-pwa/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for web-pwa

Your own site · 80×15
<a href="https://agentmods.dev/skills/adambien/airails/web-pwa"><img src="https://agentmods.dev/badge/skills/adambien/airails/web-pwa.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 172 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,881 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00172 $0.01881
Opus 5.5 $0.00069 $0.00752
Sonnet 5.5 $0.00034 $0.00376
Haiku 4.5 $0.00017 $0.00188

Measured 1mo ago against content hash 232742bdf433, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

web-pwa scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

.then(cached => cached ?? fetch(request)));
web/web-pwa/SKILL.md · 145 lines

How it starts

The opening of the file, as written. The whole thing — 145 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Add offline support and installability to $ARGUMENTS. This is a modifier skill — it adds exactly one capability to the composed stack: the app shell keeps working without a network.

Purpose & Precedence

Service workers and the Cache API are web standards (Baseline Widely Available since 2020, service-workers in the /web-conventions bundled snapshot), so offline support fits the platform-first stacks without any tooling. When composed with /web-static, /web-sprinkles, or /web-components (and their shared /web-conventions), this skill overrides:

  • the Baseline Policy of /web-conventions for exactly one feature family: the web app manifest (manifest, Baseline limited) is permitted as a declared progressive enhancement — a manifest is inert in browsers that ignore it, nothing breaks, and the limited status is stated honestly in the deliverable
  • /web-static's no-JavaScript constraint for exactly one file: sw.js is infrastructure outside the pages, not a page enhancement — the pages themselves remain JavaScript-free and fully functional if the service worker never installs

Everything else in the composed skills remains binding. Explicitly not relaxed:

  • the no-build rule — no Workbox, no vite-plugin-pwa, no generated precache manifests; the precache list is hand-maintained source code
  • dependency rules — the service worker adds zero dependencies
  • /web-components' routing rule "reload means reload" — the service worker serves cached responses to requests the browser makes; it never suppresses or fakes a reload
  • /web-sprinkles' enhancement contract and /web-static's verification loop
  • accessibility, semantic HTML, and design-token discipline

Service Worker Rules

One hand-written classic script sw.js at the served root, so its scope covers the whole site. Keep it a classic script, not a module — js-modules-service-workers is Baseline Newly Available; revisit when it reaches Widely.

  • Precache list — a const array of root-absolute URLs at the top of sw.js, listing every file the app shell needs: the HTML document(s), stylesheets, scripts/modules, vendored libraries, and the favicon. Hand-maintained: adding a source file to the project means adding its URL to the list, and the stack's verification catches omissions
  • Versioned cache name — a single const CACHE = "<app>-v<version>"; bump the version on every change to any precached file. In /web-components projects co-bump it with appVersion in app.config.js
  • install — open the cache, cache.addAll(PRECACHE), nothing else
  • activate — delete every cache whose name is not the current CACHE
  • fetch — cache-first for same-origin GET requests in the precache list; everything else goes to the network untouched

Read the full file on GitHub · 145 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 145 lines · 172 tokens per session scan A 232742bdf433

Subscribe to this mod's changes

web-pwa is a skill published in the GitHub repository AdamBien/airails (58 stars, last pushed 3d ago), licensed MIT. It adds 172 tokens to every session and 1,881 once invoked, about $0.0007 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-16.

Related

Other skills, from other repositories

authoring-java-sdk-tasks

Writes Airflow task logic in Java, Kotlin, or any JVM language using the Airflow Java SDK. Use when the user wants to implement Airflow tasks in Java/JVM, asks about @Builder.Dag/@Builder.Task/@Builder.XCom, the Task/BundleBuilder interfaces, reading connections/variables/XComs from Java, the JSON-to-Java type…

astronomer/agents · 152 tokens

configuring-airflow-language-sdks

Configures Airflow to run language SDK tasks (Java, Go, and future native SDKs) — register a coordinator, map a queue to it, ensure the runtime/artifact on workers, and tune coordinator options. Use when the user wants Airflow to route a queue to a native-language coordinator, asks about the [sdk]…

astronomer/agents · 155 tokens

aws-cloudformation-cloudfront

Provides AWS CloudFormation patterns for CloudFront distributions, origins (ALB, S3, Lambda@Edge, VPC Origins), CacheBehaviors, Functions, SecurityHeaders, parameters, Outputs and cross-stack references. Use when creating CloudFront distributions with CloudFormation, configuring multiple origins, implementing caching…

giuseppe-trisciuoglio/developer-kit · 81 tokens

aws-cloudformation-cloudwatch

Provides AWS CloudFormation patterns for CloudWatch monitoring, metrics, alarms, dashboards, logs, and observability. Use when creating CloudWatch metrics, alarms, dashboards, log groups, log subscriptions, anomaly detection, synthesized canaries, Application Signals, and implementing template structure with…

giuseppe-trisciuoglio/developer-kit · 83 tokens

drawio-logical-diagrams

Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files). Use when creating: (1) logical flow diagrams showing data/process flow between system components, (2) logical architecture diagrams representing system structure without cloud provider…

giuseppe-trisciuoglio/developer-kit · 133 tokens

aws-cloudformation-auto-scaling

Provides AWS CloudFormation patterns for Auto Scaling including EC2, ECS, and Lambda. Use when creating Auto Scaling groups, launch configurations, launch templates, scaling policies, lifecycle hooks, and predictive scaling. Covers template structure with Parameters, Outputs, Mappings, Conditions, cross-stack…

giuseppe-trisciuoglio/developer-kit · 74 tokens