Web Performance Audit and Fix

curated by SkillMD · plugin · 10 skills

Installs a pipeline to audit Core Web Vitals, analyze performance, and debug issues using DevTools.

Install the whole plugin (CLI)

npx skillmds add cloudflare/web-perf
npx skillmds add github/chrome-devtools
npx skillmds add addyosmani/browser-testing-with-devtools
npx skillmds add agricidaniel/ads-landing
npx skillmds add tinh2/perf
npx skillmds add tinh2/design-audit
npx skillmds add pranavnagrecha/lwc-performance
npx skillmds add leandrobenjaminl/frontend-web-performance
npx skillmds add sakamoto-family-smile/seo
npx skillmds add sakamoto-family-smile/react-performance

⬇ Download

Skills in this plugin

▌
web-perf · cloudflare
Audits web performance by measuring Core Web Vitals (LCP, INP, CLS) and supplementary metrics, identifying render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps using Chrome DevTools MCP.

2.1k
repo stars
▌
chrome-devtools · github
Controls and inspects a live Chrome browser for automation, debugging, and performance profiling using the Chrome DevTools MCP server.

36.2k
repo stars
▌
browser-testing-with-devtools · addyosmani
Tests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.

69.5k
repo stars
▌
ads-landing · agricidaniel
Audit paid-ad landing pages for message match, mobile experience, performance, accessibility, trust, forms, consent, tracking, security, and conversion friction.

4
installs
▌
perf · tinh2
Profiles application performance across database queries, API call chains, memory usage, bundle sizes, network waterfalls, and frontend rendering, then produces ranked optimization recommendations with estimated impact.

13
repo stars
▌
design-audit · tinh2
Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.

13
repo stars
▌
lwc-performance · pranavnagrecha bundle
Optimizes Lightning Web Components for slow initial load, heavy rerenders, large-list rendering, payload reduction, and lazy instantiation choices such as lwc:if, tabs, or dynamic components.

15
repo stars
▌
frontend-web-performance · leandrobenjaminl
Optimiza el rendimiento web midiendo Core Web Vitals, analizando el bundle y aplicando mejoras como lazy loading, code splitting y optimización de imágenes y fuentes.

0
repo stars
▌
seo · sakamoto-family-smile
Audits and improves search visibility through technical SEO, on-page optimization, structured data, Core Web Vitals, and content strategy.

0
repo stars
▌
react-performance · sakamoto-family-smile
Optimizes React and Next.js performance with 70+ rules across 8 priority categories, covering waterfalls, bundle size, server-side, client fetching, re-renders, rendering, JS micro-perf, and advanced patterns. Use when writing, reviewing, or refactoring React/Next.js code.

0
repo stars