Angular Pwa
Handles Angular PWA setup and configuration, covering service workers, offline support, and web app manifests. You'll use this when adding installability to Angular apps or configuring caching strategies for assets and API calls. The skill is current with Angular 21 and includes the newer esbuild tooling. It covers the essentials: ngsw-config.json setup, different caching strategies for static versus dynamic content, push notifications, and update checking. The examples are straightforward, showing network-first for APIs and cache-first for assets, which is the right default approach. If you're implementing offline-first features or want that "Add to Home Screen" behavior, this gets you there without much ceremony.
- skills.sh installs
- 190
- GitHub stars
- 7
- last updated
- Aug 21, 2026
Install
$ npx -y skills add oguzhan18/angular-ecosystem-skills --skill angular-pwa --agent claude-codeInstalls into .claude/skills of the current project.
Files
@angular/pwa
Version: Angular 21 (2025) Tags: PWA, Service Worker, Offline, Web App Manifest
References: PWA Guide • ngsw-config
API Changes
This section documents recent version-specific API changes.
-
NEW: Angular Service Worker v2 — Improved caching strategies
-
NEW: esbuild PWA support — Faster builds
-
NEW: @angular/build:application — Modern PWA building
Best Practices
- Add PWA to project
ng add @angular/pwa
- Configure ngsw-config.json
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/oguzhan18/angular-ecosystem-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from oguzhan18/angular-ecosystem-skills
All 45- Angular Standalone189
- Angular Elements188
- Angular Cli187
- Angular Http185
- Angular Guards184
- Angular Interceptors184
- Angular Schematics184
- Angular Components182
- Angular Destroyref182
- Angular Forms182
- Angular Pipes180
- Angular Resolvers179
- Angular Deferrable178
- Angular Resource178
- Angular Signals178
- Angular Signals Forms178
- Angular Reactive177
- Angular Directives176
- Angular Lifecycle176
- Angular Di175
- Angular Viewchild174
- Angular Cypress172
- Angular Router172
- Angular Control Flow170
Recommended
More Frontend Development
angular-ssroguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular SSR, server-side rendering, hydration, prerendering, or Angular Universal in Angular applications.168skills.sh installs
syncfusion-react-rich-text-editorsyncfusion/react-ui-components-skillsImplements the Syncfusion React Rich Text Editor (RichTextEditorComponent) from ej2-react-richtexteditor, supporting HTML (WYSIWYG) and Markdown editing. Use th783skills.sh installssyncfusion-react-themessyncfusion/react-ui-components-skillsUse this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfus755skills.sh installssyncfusion-react-tabssyncfusion/react-ui-components-skillsImplement and customize Tab components in Syncfusion React applications. Use this skill whenever the user needs to create tabbed interfaces, manage tab content 740skills.sh installssyncfusion-react-query-buildersyncfusion/react-ui-components-skillsComprehensive guide to implementing Syncfusion React Query Builder component. Use this skill when building advanced filter interfaces, creating complex data que734skills.sh installssyncfusion-react-blockeditorsyncfusion/react-ui-components-skillsImplement the Syncfusion React BlockEditor component for block-based content editing. Use this skill for block-based rich content editing, document creation, CM731skills.sh installs