Can it analyze third-party websites?

Yes, it can perform performance audits on any publicly accessible URL to measure metrics and identify network issues.

Does this skill require additional configuration?

Yes, this skill requires the chrome-devtools-mcp server to be installed and configured in your Claude Code MCP settings to interact with the browser.

What metrics does the Web Performance Auditor track?

It tracks all major Core Web Vitals including LCP, FID/INP, and CLS, along with technical metrics like TTFB, FCP, and Total Blocking Time.

Will it provide code fixes for performance issues?

Yes, the skill provides specific, actionable recommendations and code snippets to resolve identified bottlenecks in your project's codebase.

Web Performance Auditor

Name: Web Performance Auditor
Author: openclaw

byopenclaw

•

1,449

•

分析と監視

Analyzes web performance and Core Web Vitals using Chrome DevTools to identify and resolve site speed bottlenecks.

The Web Performance Auditor skill empowers Claude to conduct comprehensive performance traces and technical audits of web applications via the Chrome DevTools MCP. It captures precise metrics for Core Web Vitals such as Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Total Blocking Time (TBT), while mapping network dependency chains and identifying render-blocking resources. Whether you are debugging layout shifts or optimizing a complex build pipeline, this skill provides the diagnostic data and actionable recommendations needed to achieve high Lighthouse scores and a seamless user experience.

主な機能

01Identification of render-blocking JavaScript and CSS resources

02High-level accessibility snapshots and contrast ratio checks

03Deep codebase analysis for framework-specific optimizations (Vite, Next.js, Webpack)

04Core Web Vitals measurement including LCP, CLS, TBT, and Speed Index

05Detailed network request and dependency chain analysis

061,449 GitHub stars

ユースケース

01Debugging layout shifts and unstable UI elements to improve CLS scores

02Optimizing site speed and Lighthouse metrics for better SEO rankings

03Identifying and pruning bloated JavaScript bundles or unused CSS

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add openclaw/skills elithrar

For use in Claude.ai and ChatGPT

Download Skill