Perf Astro

This is a focused playbook for squeezing 95+ Lighthouse scores out of Astro sites. It walks you through setting up astro-critters for critical CSS inlining and @playform/compress for minification, then shows you a battle-tested Layout.astro pattern that handles font loading, LCP image preloading, and deferred analytics scripts. The guidance is specific to Astro's build pipeline, so if you're on Next or plain HTML, you'll want perf-web-optimization instead. Honestly, the layout example alone is worth having on hand when you're staring at a 60 performance score wondering why your fonts are blocking render.

Install to Claude Code

npx -y skills add tech-leads-club/agent-skills --skill perf-astro --agent claude-code