perf-astro
OfficialBoost Astro apps to 95+ Lighthouse scores.
Authortech-leads-club
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps Astro developers achieve faster Lighthouse scores by applying authoritative performance optimizations such as critical CSS inlining, asset compression, font loading patterns, and efficient layout strategies.
Core Features & Use Cases
- Critical CSS inlining: Automatically inline essential CSS to improve First Contentful Paint.
- Asset optimization: Compress and optimize HTML/CSS/JS assets during build.
- Font loading and layout: Non-blocking font loading and preloads to improve LCP.
- Use Case: Imagine deploying an Astro site with many pages; this skill configures tools to reach Lighthouse thresholds across routes.
Quick Start
Install required packages and apply recommended configuration:
- npm install astro-critters @playform/compress
- Update astro.config.mjs to enable integrations
- Run build and lighthouse audit to verify scores
Dependency Matrix
Required Modules
astro-critters@playform/compress
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: perf-astro Download link: https://github.com/tech-leads-club/agent-skills/archive/main.zip#perf-astro Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.