Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From role-frontend
Optimizes frontend performance via Core Web Vitals (LCP, INP, CLS), code splitting, tree shaking, image/font optimization (WebP, AVIF, lazy loading), service workers, and webpack-bundle-analyzer. Use for diagnosing slow loads, bundle size reduction, and CI budgets.
npx claudepluginhub rnavarych/alpha-engineer --plugin role-frontendHow this skill is triggered — by the user, by Claude, or both
Slash command
/role-frontend:frontend-performanceThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
- Diagnosing or improving Core Web Vitals scores (LCP, INP, CLS)
Optimizes website and web app performance by measuring Core Web Vitals with Lighthouse, analyzing bundle sizes and bottlenecks, and implementing caching, code splitting, and asset optimizations.
Audits web performance with Lighthouse, analyzes bundles via Vite/Webpack tools, guides code splitting, image/font optimization, critical CSS extraction. For slow pages, large bundles, Core Web Vitals.
Optimizes web app performance using React code splitting, webpack bundles, image optimization, service workers, caching, and Core Web Vitals monitoring for faster loads and better metrics.
Share bugs, ideas, or general feedback.
fetchpriority="high" + loading="eager" alwayssize-limit or Lighthouse CI blocks regressions before they shipreferences/core-web-vitals.md — LCP/INP/CLS targets, optimization techniques, web-vitals library, CrUX monitoringreferences/image-font-optimization.md — AVIF/WebP format selection, responsive srcset, Next.js Image, BlurHash, font subsetting, font-display comparisonreferences/bundle-js-performance.md — code splitting, tree shaking, dynamic imports, Web Workers, React memoization, virtualization, performance budgetsreferences/network-rendering-strategies.md — resource hints, HTTP/2, Workbox service worker strategies, SSR/SSG/RSC/Islands comparison, third-party script facadesreferences/animation-monitoring.md — GPU-accelerated properties, layout thrashing, View Transitions API, Lighthouse CI config, anti-patterns table