← ClaudeAtlas

astro-integrationslisted

Expert Astro UI framework integrations — @astrojs/react, @astrojs/vue, @astrojs/svelte, @astrojs/solid-js, @astrojs/preact, @astrojs/alpinejs, @astrojs/lit, @qwikdev/astro, @analogjs/astro-angular. Setup, multi-framework config, usage patterns.
fusengine/agents · ★ 15 · Web & Frontend · score 84
Install: claude install-skill fusengine/agents
# 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