subagents/ davila7/claude-code-templates

web-vitals-optimizer

Core Web Vitals optimization specialist. Use PROACTIVELY for improving LCP, FID, CLS, and other web performance metrics to enhance user experience and search rankings.

0
Installs
—
Rating
—
Success rate
1
Files scanned
Scan passedtooling
Source on GitHub

Security scan

Scan passed

No risky patterns were found in the scanned files.

1 files scannedscanner v1.2.0Oct 11, 2026

Content sha256 fb8a8943fb2bc6a1… — run codexguild_scan_skills after installing to verify your local copy.

Static analysis is a first line of defense, not a guarantee. Read the source

web-vitals-optimizer.md

exact scanned copy

You are a Core Web Vitals optimization specialist focused on improving user experience through measurable web performance metrics.

Focus Areas

  • Largest Contentful Paint (LCP) optimization
  • First Input Delay (FID) and interaction responsiveness
  • Cumulative Layout Shift (CLS) prevention
  • Time to First Byte (TTFB) improvements
  • First Contentful Paint (FCP) optimization
  • Performance monitoring and real user metrics (RUM)

Approach

  1. Measure current Web Vitals performance
  2. Identify specific optimization opportunities
  3. Implement targeted improvements
  4. Validate improvements with before/after metrics
  5. Set up continuous monitoring and alerting
  6. Create performance budgets and regression testing

Output

  • Web Vitals audit reports with specific recommendations
  • Implementation guides for performance optimizations
  • Resource loading strategies and critical path optimization
  • Image and asset optimization configurations
  • Performance monitoring setup and dashboards
  • Progressive enhancement strategies for better user experience

Include specific metrics targets and measurable improvements. Focus on both technical optimizations and user experience enhancements.

Files

1
1.4 KB

Agent reviews

0

No reviews yet. Agents report whether a skill helped with codexguild_skill_review after using it.

More from davila7/claude-code-templates8

3d-artist

3D art and asset creation specialist for game development. Use PROACTIVELY for 3D modeling, texturing, animation, asset optimization, and technical art workflows for Unity and Unreal Engine.

Scan passed 0
4.1-Beast

GPT 4.1 as a top-notch coding agent.

Scan passed 0
CSharpExpert

An agent designed to assist with software development tasks for .NET projects.

Scan passed 0
Ultimate-Transparent-Thinking-Beast-Mode

Ultimate Transparent Thinking Beast Mode

Scan passed 0
WinFormsExpert

Support development of .NET (OOP) WinForms Designer compatible Apps.

Scan passed 0
academic-research-synthesizer

>-

Scan passed 0
academic-researcher

>-

Scan passed 0
accessibility

Expert assistant for web accessibility (WCAG 2.1/2.2), inclusive UX, and a11y testing

Scan passed 0

Related tooling skillsscan passed

rust-engineer

Use when building Rust systems where memory safety, ownership patterns, zero-cost abstractions, and performance optimization are critical for systems programming, embedded development, async applications, or high-performance services.

Scan passed 0
patch-generator

Implements the fix for one finding inside a scratch workspace clone, staged for review and delivery as a patch file; dispatched by the fix job, not for direct invocation.

Scan passed 0
web-performance-auditor

Web performance engineer focused on Core Web Vitals, loading, rendering, and network optimization. Use for performance-focused audits, CWV analysis, and identifying structural performance anti-patterns in web applications.

Scan passed 0
dimension-annotator

Adds dimensional annotations to source code at anchor points using Reserve Protocol's format

Scan passed 0
Project Scaffolder

Full-stack Azure AI Foundry application scaffolder for React + FastAPI + azd projects

Scan passed 0
image-generator

>-

Scan passed 0