Identify and fix Core Web Vitals bottlenecks using AI-driven code analysis and prioritized optimization reports.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install vitals-fixer
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install vitals-fixer using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Core Web Vitals Fixer?
The Core Web Vitals Fixer is a specialized diagnostic and remediation tool designed to bridge the gap between poor Lighthouse scores and clean, high-performance code. As a standout entry in the collection of Openclaw Skills, this tool automates the tedious process of hunting down performance killers like render-blocking resources, unoptimized images, and heavy JavaScript execution.
By leveraging AI, the skill moves beyond generic advice to provide specific code changes tailored to your project's unique structure. Whether you are dealing with Largest Contentful Paint (LCP), First Input Delay (FID), or Cumulative Layout Shift (CLS), this skill provides a zero-config solution to modernize your frontend performance and improve your SEO standing.
Core Web Vitals Fixer Use Cases
- Resolving failed Core Web Vitals assessments reported in Google Search Console.
- Auditing codebases for performance regressions before a major production deployment.
- Automating the identification of layout shifts (CLS) caused by missing image dimensions or dynamic content.
- Optimizing Largest Contentful Paint (LCP) by identifying and preloading critical path resources.
How Core Web Vitals Fixer Works
- The skill scans the specified source directory to detect code patterns known to negatively impact web performance.
- It identifies specific bottlenecks such as unoptimized assets, missing width/height attributes, and bloated script imports.
- If a live URL is provided, the tool correlates real-world performance metrics with the underlying source code.
- AI models analyze the findings to generate prioritized, actionable code modifications.
- A detailed report is generated, highlighting the biggest wins to ensure maximum impact on your Lighthouse scores.
Core Web Vitals Fixer Setup
This tool requires Node.js 18 or higher. There is no permanent installation required; you can execute it directly using npx. To analyze your source directory, run:
npx ai-core-vitals ./src
To see a full list of optimization flags, use:
npx ai-core-vitals --help
Core Web Vitals Fixer Data Schema & Taxonomy
The Core Web Vitals Fixer organizes its analysis into technical reports and prioritized fix lists.
| Data Type | Description |
|---|---|
| Source Analysis | Scans directories (e.g., ./src) for performance-blocking patterns. |
| Metric Targeting | Filters findings by specific metrics: LCP, FID, or CLS. |
| Markdown Reports | Generates detailed summaries (e.g., vitals-report.md) for team review. |
| URL Correlation | Maps live site performance data to local file structures for precise debugging. |
Core Web Vitals Fixer Advanced Features
- Metric-specific focus allowing developers to isolate and fix LCP, FID, or CLS issues individually.
- Prioritization engine that highlights high-impact optimizations to maximize performance gains with minimal effort.
- Live URL integration to analyze production site behavior against local source code.
- Seamless integration into automated workflows as part of a suite of Openclaw Skills for professional developers.
SKILL.md
Loading
Related Openclaw Skills
Vercel Config Generator
A CLI tool that automatically generates optimized Vercel configuration files based on your project framework and structure.
Validator Gen
A specialized tool that automatically converts TypeScript interfaces and types into production-ready Zod or Yup validation schemas.
Upload Handler Generator
A specialized code generator that automates the creation of secure and efficient file upload handlers for various storage backends.
JSON to TypeScript
A streamlined developer tool that instantly converts JSON objects and API payloads into clean, production-ready TypeScript interfaces.
Weather
A lightweight skill for fetching current weather conditions and forecasts directly via CLI without requiring API keys.
Webhook Generator
An AI-powered CLI tool that generates production-grade webhook handlers with signature verification and retry logic.
Featured*
