🧠

Web Performance Audit Skill 🧠

Official

Analyzes web performance using Chrome DevTools MCP by measuring Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) and identifying performance bottlenecks. Captures cold-load metrics via automated navigation and performance trace recording, extracts LCP breakdowns, identifies CLS culprits, flags render-blocking resources, analyzes network request chains delaying critical resources, detects missing preloads and caching issues, takes accessibility snapshots for ARIA gaps and contrast issues, inspects framework and bundler configuration for tree-shaking and unused code, and prioritizes findings by estimated impact. Provides specific good/needs-improvement/poor metric thresholds.

Category
Development
Source
cloudflare/skills
Added
2026-03-17

Tags

cloudflareperformancecore-web-vitalsdevtoolsaccessibilityofficial
View on GitHubView SKILL.md

How to Use This Skill

  1. Click "View SKILL.md" to see the full skill definition
  2. Copy the contents of the SKILL.md file
  3. In Claude, go to Project Knowledge and paste the skill
  4. Start a new conversation and Claude will use the skill automatically

Leave a Comment

Related Skills

Web Artifacts Builder

Official

Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components

Developmentby Anthropic
reacttailwindweb

MCP Server Builder

Official

Guide for creating high-quality MCP servers to integrate external APIs and services

Developmentby Anthropic
mcpapiintegration

Web App Testing

Official

Test local web applications using Playwright for UI verification and debugging

Developmentby Anthropic
testingplaywrightqa