Agent skill
web-performance
Core Web Vitals optimization, Lighthouse audits, and performance monitoring.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/web-performance
SKILL.md
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
// 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-improvement
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?