What problem does it solve?
It solves the problem of building and maintaining Astro projects that are slow, inconsistent, or misusing Astro’s intended performance and content patterns.
Core Features & Use Cases
- Build and deployment guardrails: Optimizes build workflows, handles environment variables per environment, and aligns CI/CD with static hosting platforms like Netlify and Vercel.
- Astro component best practices: Develops reusable .astro components with correct props usage and framework components only when interactivity truly requires them.
- Typed content and reliable data fetching: Uses content collections with Zod schemas for build-time validation and applies correct patterns for static generation and data fetching errors.
- Performance and correctness “iron laws”: Enforces hydration directives explicitly, prevents accidental JS bloat, and mandates Astro image optimization via astro:assets.
- Styling and TypeScript discipline: Encourages strict TypeScript settings and utility-first TailwindCSS for consistent implementation quality.
Quick Start
Use the astro-expert skill to review your Astro codebase for performance regressions, hydration misuse, untyped content, and incorrect image usage.