What problem does it solve? Building content-heavy sites like blogs, docs, and marketing pages with traditional SPA frameworks ships unnecessary JavaScript and hurts performance. This Skill guides you through Astro's zero-JS-by-default model, islands architecture, and type-safe content collections so you can build fast content sites without framework guesswork. ## Core Features & Use Cases - Islands Architecture Guidance: Learn when and how to hydrate interactive components with client:load, client:visible, client:idle, and client:media directives while keeping the rest of the page static. - Content Collections & Routing: Set up type-safe Markdown/MDX collections with Zod schemas, file-based routing, and dynamic routes via getStaticPaths. - SSR & Integrations: Configure hybrid/server output modes, adapters like Vercel, API endpoints, RSS feeds, and integrations such as Tailwind, React, and MDX. - Use Case: You want to build a personal blog with Markdown posts, an RSS feed, and a single interactive React search box. This Skill walks you through project scaffolding, collection schemas, dynamic blog routes, and hydrating only the search component. ## Quick Start Ask the AI to scaffold an Astro blog with a Markdown content collection, a dynamic post page, and one hydrated React component.
