← Back to catalog
SkillPerformance↓ 147

Web Performance Optimization

Speeds up loading and responsiveness with a focus on Core Web Vitals.

Installation
npx claude-code-templates@latest --skill development/performance --yes

This skill helps Claude Code make your site faster and smoother.

It starts from Lighthouse performance audits to find what is slowing things down.

In practice it spots bottlenecks in code and assets and prioritizes them by their impact on Core Web Vitals.

It also suggests concrete optimizations with code examples and helps measure the gain with before-and-after metrics.

When to use

  • When the site is slow to load.
  • To improve the Core Web Vitals of a page.
  • When optimizing images, scripts and other heavy assets.

How to use

Point to the page or code and ask “optimize the performance of this site”.