CtrlK
BlogDocsLog inGet started
Tessl Logo

progressive-web-app

Build Progressive Web Apps (PWAs) with offline support, installability, and caching strategies. Trigger whenever the user mentions PWA, service workers, web app manifests, Workbox, 'add to home screen', or wants their web app to work offline, feel native, or be installable.

65

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/progressive-web-app/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a highly actionable PWA skill with complete, executable code for every component, making it immediately useful. Its main weaknesses are verbosity (explaining concepts Claude already knows, a redundant 'When to Use' section) and poor progressive disclosure — at ~300 lines, the content should be split across multiple files with the SKILL.md serving as an overview. The workflow is well-sequenced but could benefit from inline validation checkpoints rather than only a post-hoc checklist.

Suggestions

Remove the 'When to Use This Skill' section entirely — this duplicates the frontmatter trigger description and wastes tokens.

Extract the caching strategy implementations, Workbox section, and edge cases/platform notes into separate referenced files (e.g., CACHING_STRATEGIES.md, WORKBOX.md, PLATFORM_NOTES.md) to improve progressive disclosure.

Trim the overview to remove explanations of what HTTPS, manifests, and service workers are — Claude already knows these concepts. Focus only on PWA-specific configuration details.

Add inline validation checkpoints, e.g., after Step 3: 'Verify SW registers in DevTools → Application → Service Workers before proceeding to Step 4.'

DimensionReasoningScore

Conciseness

The skill includes some unnecessary explanations (e.g., 'When to Use This Skill' section is redundant with frontmatter triggers, explaining what a PWA is, what HTTPS does). The code examples are valuable but the surrounding prose could be significantly tightened. The iOS quirks and edge cases sections add value but some points over-explain concepts Claude already knows.

3 / 5

Actionability

Excellent actionability — every step includes complete, copy-paste ready code (manifest.json, index.html, app.js, sw.js) with all three caching strategies fully implemented. The Workbox alternative is also executable. The deliverables checklist makes the expected outputs crystal clear.

5 / 5

Workflow Clarity

Steps are clearly numbered and sequenced (manifest → HTML → app.js → sw.js), with a shipping checklist that serves as validation. However, there's no explicit validation/feedback loop during the build process itself — e.g., no 'test SW registration before proceeding' checkpoint between steps. The checklist at the end partially compensates but is post-hoc rather than inline.

4 / 5

Progressive Disclosure

The skill is a monolithic ~300-line file with no references to supporting bundle files. The caching strategies, Workbox section, edge cases, and platform notes could be split into separate reference files. Everything is inlined with no progressive structure, making it a large wall of content despite having section headers.

2 / 5

Total

14

/

20

Passed

Description

89%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a strong skill description with excellent trigger term coverage and a clear 'when' clause that explicitly lists both technical terms and natural user language. The main weakness is that the 'what' portion could be more specific about the concrete actions performed (e.g., generating manifests, configuring caching strategies, setting up Workbox). Overall, it would perform very well in skill selection scenarios.

Suggestions

Expand the capability list with more specific actions like 'generate web app manifests', 'configure cache-first/network-first strategies', 'set up push notifications', or 'implement background sync' to improve specificity.

DimensionReasoningScore

Specificity

Names the domain (PWAs) and lists a few concrete capabilities (offline support, installability, caching strategies), but doesn't go deeper into specific actions like 'configure service worker lifecycle', 'generate manifest.json', or 'implement cache-first/network-first strategies'.

3 / 5

Completeness

Clearly answers both 'what' (build PWAs with offline support, installability, caching strategies) and 'when' (explicit trigger clause listing specific terms and user intents like wanting offline functionality or installability).

5 / 5

Trigger Term Quality

Excellent coverage of natural trigger terms including 'PWA', 'service workers', 'web app manifests', 'Workbox', 'add to home screen', 'work offline', 'feel native', 'installable' — these are exactly the phrases users would naturally say.

5 / 5

Distinctiveness Conflict Risk

PWA development is a clear niche with highly specific trigger terms (service workers, Workbox, web app manifests, 'add to home screen') that are unlikely to conflict with other web development skills.

5 / 5

Total

18

/

20

Passed

Validation

90%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.