web-performance
Core Web Vitals optimization, Lighthouse audits, and performance monitoring.
Best use case
web-performance is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Core Web Vitals optimization, Lighthouse audits, and performance monitoring.
Teams using web-performance should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/web-performance/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How web-performance Compares
| Feature / Agent | web-performance | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Core Web Vitals optimization, Lighthouse audits, and performance monitoring.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Web Performance Skill
Expert assistance for web performance optimization.
## Capabilities
- Optimize Core Web Vitals
- Run Lighthouse audits
- Implement performance monitoring
- Reduce bundle size
- Optimize loading strategies
## Core Web Vitals
```typescript
// Measure CWV
import { onLCP, onFID, onCLS } from 'web-vitals';
onLCP(console.log);
onFID(console.log);
onCLS(console.log);
// LCP Optimization
// - Preload critical resources
// - Optimize images
// - Use SSR/SSG
// CLS Prevention
// - Reserve space for images
// - Use aspect-ratio
// - Avoid layout shifts
```
## Target Processes
- performance-optimization
- lighthouse-audit
- cwv-improvementRelated Skills
performance-profiler
Profile application performance including CPU, memory, and flame graph generation
performance-benchmark-suite
SDK performance benchmarking and regression detection
k6 Performance Testing
k6 load testing expertise for performance validation and analysis
JMeter Performance Testing
Apache JMeter expertise for enterprise-grade load and performance testing
network-performance
Expert skill for network performance analysis and optimization. Analyze packet captures, identify network latency bottlenecks, configure TCP tuning parameters, analyze connection pooling behavior, debug TLS handshake performance, and optimize HTTP/2 and HTTP/3 settings.
Mobile Performance Profiling
Mobile app performance analysis and optimization
console-performance
Console optimization skill for memory constraints and TCRs.
nanocatalyst-performance-analyzer
Nanocatalysis skill for evaluating catalytic activity, selectivity, and stability of nanomaterial catalysts
performance-test-designer
Performance test design skill for test planning, data collection, and acceptance criteria verification
performance-review
Generate performance review documentation and facilitate evaluation processes
performance-baseline-capturer
Capture performance baselines before migration for regression comparison and SLA verification
process-builder
Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. Guides the 3-phase workflow from research to implementation.