Astro React

Purpose

Integrate React components into Astro as islands: correct setup, props across the boundary, hydration, and the React-specific pitfalls (SSR vs client, context, state).

When to Use

Activate when the task involves:

• adding React to an Astro project
• creating or editing .jsx/.tsx components used from .astro
• React props, context, hooks, or state inside islands
• debugging React hydration errors

When Not to Use

Do not use this skill for: