astro-expert

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.