core-web-vitals-tuner

What it does

This skill enables AI agents to automatically analyze and optimize website performance metrics, specifically targeting Core Web Vitals. It helps improve user experience by adjusting code, assets, or configurations to meet Google's recommended thresholds for loading speed and interactivity.

When to use it

• Pre-launch optimization: Run checks before deploying a new site to ensure it meets SEO requirements.
• Performance regression analysis: Identify why page load times increased after recent code changes.
• Mobile experience tuning: Optimize specific mobile views where network conditions vary significantly.
• Competitor benchmarking: Compare your site's vitals against industry standards or rival websites.

Key capabilities

• Automatic discovery of performance bottlenecks affecting Core Web Vitals.
• Implementation of optimization strategies to improve Largest Contentful Paint (LCP).
• Adjustment of Cumulative Layout Shift (CLS) and First Input Delay (FID) scores.
• Reporting on specific metric improvements after automated tuning.

Example prompts

• "Analyze my homepage's Core Web Vitals and suggest optimizations for LCP."
• "Tune the mobile version of this site to reduce Cumulative Layout Shift."
• "Check if recent CSS changes negatively impacted First Input Delay and fix it."

Tips & gotchas

Ensure your website is live or accessible via a staging URL, as the skill requires real-world data to calculate accurate metrics. Results may vary depending on the user's network speed and device type, so test across multiple environments for reliable tuning.