Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
