Frontend Perf Pass (Claude Skill)
Free Claude Skill, MIT licensed. From the homepage performance pass and dead-CSS prune on this site.
Short description
A measured performance pass for React/Next.js pages that cuts First Load JS, prunes dead CSS safely, removes wasted server work and gates WebGL.
Detailed description
Every change is measured before and after. It covers dead data-loader work and serial DB calls, caching with proper revalidation (and the trap of caching swallowed DB errors), code-splitting without breaking above-the-fold SSR, pausing animation loops off-screen, and CSS pruning that protects dynamic class prefixes and is verified against every route's real HTML. Where it comes from: The example numbers are from my own homepage: First Load JS went from 178 kB to 129 kB, and only 8.7% of the CSS bundle was actually used.
What I use it for
Slow pages, weak Lighthouse/PageSpeed scores and launch prep.
Downloads
How to install
# Claude Code (personal, all projects) unzip frontend-perf-pass.zip -d ~/.claude/skills/ # Claude Code (one project) unzip frontend-perf-pass.zip -d .claude/skills/ # Claude.ai / Claude desktop Settings → Capabilities → Skills → Upload skill → choose the zip