web-performance-optimization
Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. Use when improving page load times, implementing service workers, or reducing bundle sizes.
90
86%
Does it follow best practices?
Impact
96%
1.15xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Quality
Discovery
100%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 that clearly defines its domain (web performance optimization), lists specific techniques, and includes an explicit 'Use when' clause with natural trigger terms. It uses proper third-person voice and is concise without being vague. The description would effectively differentiate this skill from general web development or other optimization-related skills.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: code splitting, lazy loading, caching strategies, Core Web Vitals monitoring, service workers, and reducing bundle sizes. | 3 / 3 |
Completeness | Clearly answers both 'what' (optimizes web performance through code splitting, lazy loading, caching, Core Web Vitals monitoring) and 'when' (explicit 'Use when improving page load times, implementing service workers, or reducing bundle sizes'). | 3 / 3 |
Trigger Term Quality | Includes strong natural keywords users would say: 'page load times', 'bundle sizes', 'service workers', 'code splitting', 'lazy loading', 'Core Web Vitals', and 'web application performance' — all terms developers naturally use when seeking performance help. | 3 / 3 |
Distinctiveness Conflict Risk | Focuses on a clear niche of web performance optimization with distinct triggers like 'Core Web Vitals', 'bundle sizes', 'service workers', and 'code splitting' that are unlikely to conflict with general web development or other skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
72%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a solid, actionable skill with excellent executable code examples covering the major web performance optimization techniques. Its main weaknesses are some verbosity (repeated INP/FID note, generic best practices list, well-known resource URLs) and the lack of a clear sequenced workflow with validation checkpoints for applying these optimizations in practice.
Suggestions
Remove the 'Best Practices' bullet list and 'Resources' section — these are generic knowledge Claude already has, and they consume tokens without adding value.
Add a brief sequenced workflow at the top (e.g., '1. Measure baseline with Lighthouse → 2. Apply optimizations → 3. Re-measure and compare → 4. Monitor in production') with explicit validation checkpoints.
Consolidate the duplicate INP/FID explanation — it appears both in the monitoring code comments and in the Performance Targets note.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill includes some unnecessary content like the 'Best Practices' bullet list (generic advice Claude already knows), the 'Resources' section with well-known URLs, and verbose comments in the Core Web Vitals section explaining sendToAnalytics. The note about INP replacing FID is repeated twice. However, the code examples themselves are reasonably lean. | 2 / 3 |
Actionability | The skill provides fully executable, copy-paste ready code examples across multiple domains: React code splitting, Webpack config, HTML image optimization, service worker implementation, Core Web Vitals monitoring, and Nginx compression config. Each section gives concrete, specific guidance. | 3 / 3 |
Workflow Clarity | The skill presents individual techniques clearly but lacks a sequenced workflow for how to approach performance optimization. There's a checklist at the end but no validation steps (e.g., 'run Lighthouse before and after', 'verify bundle size reduction'). For a skill involving potentially impactful changes like service worker caching, missing verification steps is a gap. | 2 / 3 |
Progressive Disclosure | The skill provides a clear overview with well-organized sections, and appropriately delegates advanced content to reference files (references/compression-monitoring.md and references/typescript-advanced.md) with clear descriptions of what each contains. Navigation is one level deep and well-signaled. | 3 / 3 |
Total | 10 / 12 Passed |
Validation
100%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 11 / 11 Passed
Validation for skill structure
No warnings or errors.
- Repository
- secondsky/claude-skills
- Commit
88da5ff
- 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.