astro
Installation
SKILL.md
Astro
Fast sites with SSG/SSR, minimal JS, TypeScript, and client island architecture.
Client island examples use React (
@astrojs/react). For Vue, Svelte, or Solid islands, replace<ReactComp client:load />with your framework's component — the directive syntax (client:load,client:visible,client:idle) is identical.
When to Use
- Static sites (SSG), server-rendered (SSR), or hybrid
- Content-focused sites (blogs, docs, marketing)
- Partial hydration with islands
Don't use for:
- Full SPAs (use react)
- Client-heavy apps with constant state
- Real-time dashboards with WebSockets