A technical optimization skill for auditing and improving Google Core Web Vitals metrics to enhance search visibility and user experience.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install core-web-vitals
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 core-web-vitals 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?
The Core Web Vitals skill is designed to guide developers through the technical requirements of Google's page experience signals. By focusing on Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS), this entry in the Openclaw Skills library provides actionable strategies to improve site speed and visual stability. It bridges the gap between high-level SEO reports and low-level code implementation.
Optimizing these metrics is critical because they are confirmed ranking factors for both mobile and desktop search results. This skill helps identify performance bottlenecks and provides specific remediation steps, ensuring that every interaction on a website is fast, responsive, and stable.
Core Web Vitals Use Cases
- Fixing failing LCP, INP, or CLS reports in Google Search Console.
- Auditing page performance during the development of new hero sections or complex UI components.
- Reducing Cumulative Layout Shift caused by dynamic content or un-sized media.
- Optimizing Interaction to Next Paint for JavaScript-heavy single-page applications.
How Core Web Vitals Works
- Scans project context files like project-context.md to identify site URLs and technology stacks.
- Performs an initial assessment of field and lab data using tools like PageSpeed Insights.
- Analyzes specific metric failures, such as high TTFB for LCP or long-running tasks for INP.
- Recommends prioritized technical fixes including CDN usage, resource deferral, and layout stability techniques.
- Integrates with related Openclaw Skills to provide holistic improvements to image assets and rendering strategies.
Core Web Vitals Setup
To activate this skill within your AI agent, ensure your project environment is properly indexed. You can verify your current site context by checking your project configuration.
# Check for existing site context
ls .claude/project-context.md || ls .cursor/project-context.md
No additional software installation is required as this skill utilizes standard web performance APIs and existing developer tools like Chrome DevTools and Google Search Console.
Core Web Vitals Data Schema & Taxonomy
The skill organizes optimization data based on the following taxonomy:
| Component | Description |
|---|---|
| Metric Targets | Thresholds for Good, Needs Improvement, and Poor performance |
| LCP Elements | Identification of largest above-fold content (images, video, text) |
| INP Triggers | Mapping user interactions to main-thread blocking tasks |
| Layout Shifts | Tracking unexpected element movement and reserved space requirements |
Core Web Vitals Advanced Features
- Multi-agent coordination with image-optimization and rendering-strategies skills.
- Specialized logic for differentiating between field data (RUM) and lab data (Lighthouse).
- Technical guidance on replacing deprecated First Input Delay (FID) with the modern INP metric.
- Automation hooks for checking Core Web Vitals thresholds during the CI/CD pipeline.
SKILL.md
Loading
Related Openclaw Skills
Crypto Research
A comprehensive cryptocurrency intelligence module for tracking real-time prices, market metrics, and industry news.
Smart Price & Deal Monitor
An intelligent price tracking and market intelligence skill that automates deal detection, competitor monitoring, and historical price analysis.
Multi Search Engine Integration
A comprehensive search integration skill that enables AI agents to query major search engines and knowledge bases without requiring API keys.
LLM Wiki
An agent-driven workflow for building and maintaining a cumulative Markdown wiki from raw research, notes, and transcripts.
Video Optimization
An expert framework for optimizing web video content for Google Search, AI Overviews, and rich SERP features through structured data and technical SEO.
Canonical Tag Configuration
A professional tool for configuring canonical tags, managing 301 redirects, and ensuring HTTPS security to consolidate search engine ranking signals.
Featured*
