Ship Astro sites with 90+ Lighthouse scores
Production-ready Astro 5 setup with performance optimization and Cloudflare deployment. One command, zero config.
TL;DR
Fast SSG/SSR + Cloudflare deployment + performance audits built in. Get Core Web Vitals in the green from day one.
What's Inside
astro-expert agent
Astro 5 specialist. Knows islands, SSR, view transitions, content collections, and when to use each.
/astro-build command
Optimized production builds with bundle analysis and critical CSS extraction.
/lighthouse-audit command
Run Lighthouse audits locally. Catch performance regressions before they ship.
format-on-save hook
Auto-format Astro, Vue, and TypeScript files. Prettier runs before every commit.
cloudflare MCP
Deploy to Cloudflare Pages, manage Workers, check deployment status. All from Claude.
Real Prompts You'll Use
Optimize image loading for blog thumbnails
The astro-expert agent knows Astro's Image component, lazy loading strategies, and responsive image syntax. It'll implement srcset, proper formats (WebP/AVIF), and loading priorities.
Convert my blog images to use Astro Image with lazy loading and WebP format Run Lighthouse and fix performance issues
/lighthouse-audit command runs Google Lighthouse locally, analyzes scores, and suggests fixes. No more guessing what's slowing your site down.
/lighthouse-audit --fix-issues Build and analyze bundle size
/astro-build command runs optimized production builds, analyzes bundle sizes, and warns if JS chunks exceed thresholds. Catch bloat early.
/astro-build --analyze Deploy to Cloudflare Pages
Cloudflare MCP handles deployments, environment variables, and build settings. Check deployment status without leaving Claude.
Deploy this to Cloudflare Pages and check status Set up view transitions between pages
Astro-expert knows view transitions API inside out. It'll add smooth page transitions, handle edge cases, and maintain accessibility.
Add view transitions to navigation with fade effect Why This Kit Exists
Astro is fast by default. But production-ready means more than just fast builds. You need:
- Performance monitoring that catches regressions
- Bundle analysis to keep JS under control
- Deployment pipelines that just work
- Code formatting that stays consistent
This kit gives you all of that. No research, no trial-and-error. Install once, ship with confidence.
Install
npx vibery kit install astro-production Installs astro-expert agent, /astro-build and /lighthouse-audit commands, format-on-save hook, and cloudflare MCP.
View Full Kit DetailsShip faster. Ship confident.
Get 90+ Lighthouse scores from day one. No performance anxiety.