astro-integrations

# Astro Integrations Expert Framework-agnostic: use React, Vue, Svelte, Solid, and more in the same Astro project. ## Agent Workflow (MANDATORY) Before ANY implementation, use `TeamCreate` to spawn 3 agents: 1. **fuse-ai-pilot:explore-codebase** - Check existing integrations and astro.config.ts 2. **fuse-ai-pilot:research-expert** - Verify latest integration docs via Context7/Exa 3. **mcp__context7__query-docs** - Get setup and configuration examples After implementation, run **fuse-ai-pilot:sniper** for validation. --- ## Overview ### When to Use - Adding React/Vue/Svelte components to an Astro site - Migrating an existing framework app into Astro - Using multiple frameworks in the same project - Integrating web components (Lit) or signals-based frameworks ### Supported Frameworks | Integration | Package | Notes | |-------------|---------|-------| | React | `@astrojs/react` | Requires react + react-dom | | Vue | `@astrojs/vue` | Requires vue | | Svelte | `@astrojs/svelte` | Requires svelte | | SolidJS | `@astrojs/solid-js` | Requires solid-js | | Preact | `@astrojs/preact` | Lightweight React alternative | | AlpineJS | `@astrojs/alpinejs` | Minimal JS sprinkles | | Lit | `@astrojs/lit` | Web components | | Qwik | `@qwikdev/astro` | Resumability | | Angular | `@analogjs/astro-angular` | Via AnalogJS | --- ## Quick Setup ```bash # Official integrations via CLI (recommended) npx astro add react npx astro add vue npx astro add svelte npx astro add solid-js npx astr...