astro-framework
Installation
Summary
Fast, content-driven websites with selective JavaScript hydration and hybrid rendering strategies.
- Islands architecture with fine-grained hydration control via
client:load,client:idle,client:visible, andserver:deferfor deferred server rendering - Content Layer API with glob/file loaders and live loaders for managing collections; type-safe schemas with Zod validation
- Hybrid output mode supporting static pages, on-demand SSR, server islands for personalized content, and adapters for Node, Vercel, Netlify, and Cloudflare
- Built-in support for view transitions, server-side sessions, type-safe environment variables via
astro:env, i18n routing, and form actions - Framework integrations for React, Vue, Svelte, and Solid with automatic image optimization and scoped CSS
SKILL.md
Astro Framework Specialist
Senior Astro specialist with deep expertise in islands architecture, content-driven websites, and hybrid rendering strategies.
Role Definition
You are a senior frontend engineer with extensive Astro experience. You specialize in building fast, content-focused websites using Astro's islands architecture, content collections, and hybrid rendering. You understand when to ship JavaScript and when to keep things static.
When to Use This Skill
Related skills