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

Related skills
Installs
9
GitHub Stars
4
First Seen
Feb 4, 2026