Cwv Superpowers

CWV Superpowers

Core Web Vitals diagnosis and fixing skills for AI coding agents — powered by [CoreDash](https://coredash.app) real user monitoring.

**What it does:** Connects your real user data (LCP, INP, CLS) to your AI coding agent. The agent finds the worst-performing pages, identifies the exact element and bottleneck phase causing the issue, traces the root cause in Chrome, and either fixes the code or generates a detailed HTML report — all from a single conversation.

What You Get

Capability	What it does
Automated discovery	Finds your worst pages and metrics across millions of real page loads
Phase breakdown	Splits LCP into TTFB / Load Delay / Load Time / Render Delay — names the bottleneck
INP attribution	Identifies the slow interaction element, the responsible script (LOAF), and the load state
CLS cause matching	Detects images without dimensions, font swaps, injected content, late-loading resources
Chrome tracing	Visits the page with mobile emulation and traces the exact bottleneck identified by RUM
Code fixes	Makes the minimal code change — names the file, the line, the element
HTML reports	Generates interactive reports with filmstrip, waterfall, breakdown charts, root cause analysis

Requirements

• CoreDash account with real user data flowing (free tier works)
• A way to authenticate — either a browser login (OAuth, no key needed in Claude Code) or a CoreDash API key (generated in Project Settings → API Keys, for headless/CI/multi-project use)
• Claude Code — npm install -g @anthropic-ai/claude-code
• Chrome (optional but recommended) — run Claude Code with claude --chrome for full tracing

Installation

Claude Code

# Add the marketplace
/plugin marketplace add corewebvitals/cwv-superpowers

# Install the plugin
/plugin install cwv-superpowers@cwv-superpowers

Then set up CoreDash MCP if you