Use Case
Web Perf is a powerful AI agent skill that extends your assistant with new capabilities. Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed. This guide walks you through installing Web Perf, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install Web Perf: npx clawhub@latest --dir ~/.claude/skills install web-perf
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to developer & devops to trigger Web Perf
Review the output and refine your prompt for better results
Combine Web Perf with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing Web Perf
Help me get started with Web Perf
What can Web Perf do for my developer & devops workflow?
Show me an example of using Web Perf
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install web-perfOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install web-perfβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/web-perf/π‘Extract and place the folder at the path above, then restart your agent.