Stats
Actions
Tags
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.
How 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)
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 tablenpx claudepluginhub rnavarych/alpha-engineer --plugin role-frontendSystematically measures, analyzes, and improves page loading speed, Core Web Vitals, bundle size, and runtime performance using Lighthouse audits and web performance best practices.
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.
Diagnoses web performance issues, fixes Core Web Vitals (LCP, INP, CLS), optimizes bundles, assets, and render performance. Use for slow pages or dropping traffic due to speed.