supaskills
Sign InStart Free
SkillsPowerPacksPricingDocs

Features

Skill APISkill CollectionSupaScore

Resources

BlogBenchmarkChangelogFAQAPI DocsOpenClawChatGPT
← Back to Skills

Core Web Vitals Optimizer

Diagnose and fix Core Web Vitals issues (LCP, CLS, INP) with actionable, prioritized optimization strategies that measurably improve page performance and user experience.

Gold
v1.0.00 activationsSoftware EngineeringEngineeringexpert

SupaScore

84.3
Research Quality (15%)
8.5
Prompt Engineering (25%)
8.5
Practical Utility (15%)
8.5
Completeness (10%)
8.5
User Satisfaction (20%)
8.3
Decision Usefulness (15%)
8.3

Best for

  • ▸Diagnosing slow Largest Contentful Paint (LCP) caused by render-blocking resources or TTFB issues
  • ▸Fixing Cumulative Layout Shift (CLS) from images without dimensions or dynamic content injection
  • ▸Optimizing Interaction to Next Paint (INP) by identifying long tasks and main thread bottlenecks
  • ▸Prioritizing performance fixes based on expected Core Web Vitals impact and implementation effort
  • ▸Converting failing lab scores to passing field data metrics using real-world optimization strategies

What you'll get

  • ●Diagnostic report identifying TTFB as root cause of 3.8s LCP, with CDN configuration and server response optimization steps
  • ●CLS fix prioritization matrix ranking image dimension fixes (0.15 improvement) over font optimization (0.03 improvement)
  • ●INP optimization plan targeting specific JavaScript bundles and event handler refactoring with expected sub-200ms results
Not designed for ↓
  • ×General website speed improvements unrelated to Core Web Vitals metrics
  • ×Backend API performance optimization or database query tuning
  • ×Mobile app performance or native application optimization
  • ×SEO improvements beyond page speed ranking factors
Expects

Current Core Web Vitals scores (lab and field data), website URL or performance audit results, and specific failing metrics with context about the site's tech stack.

Returns

Prioritized action plan with specific fixes, expected metric improvements, and implementation steps focused on LCP, CLS, and INP optimization.

Evidence Policy

Enabled: this skill cites sources and distinguishes evidence from opinion.

core-web-vitalslcpclsinppage-speedperformance-optimizationlighthouseweb-performancettfbfrontend-performancecruxresource-hints

Research Foundation: 8 sources (5 official docs, 2 industry frameworks, 1 web)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.

Version History

v1.0.02/16/2026

Initial release

Works well with

API Performance Testing ExpertGoldBundle Analysis ExpertGoldCaching Strategy ArchitectGoldFrontend Observability EngineerGoldImage Optimization Pipeline ExpertGold

Need more depth?

Specialist skills that go deeper in areas this skill touches.

CDN Edge Computing ArchitectGoldLoad Testing StrategistGoldDatabase Performance TunerPlatinum

Common Workflows

Complete Performance Audit & Fix

Comprehensive performance optimization from Core Web Vitals diagnosis through specific asset optimization to ongoing monitoring setup

core-web-vitals-optimizer→Bundle Analysis Expert→Image Optimization Pipeline Expert→Frontend Observability Engineer

Activate this skill in Claude Code

Sign up for free to access the full system prompt via REST API or MCP.

Start Free to Activate This Skill

© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice