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.
From fuse-astronpx claudepluginhub fusengine/agents --plugin fuse-astroThis skill uses the workspace's default tool permissions.
references/multi-framework.mdreferences/others.mdreferences/overview.mdreferences/preact.mdreferences/react.mdreferences/solid.mdreferences/svelte.mdreferences/templates/multi-framework.mdreferences/templates/react-setup.mdreferences/vue.mdGuides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.
Framework-agnostic: use React, Vue, Svelte, Solid, and more in the same Astro project.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
| 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 |
# Official integrations via CLI (recommended)
npx astro add react
npx astro add vue
npx astro add svelte
npx astro add solid-js
npx astro add preact
The CLI auto-installs packages and updates astro.config.ts.
| Need | Reference |
|---|---|
| Architecture overview | overview.md |
| React setup + options | react.md |
| Vue setup + options | vue.md |
| Svelte setup + options | svelte.md |
| SolidJS setup + options | solid.md |
| Preact setup + options | preact.md |
| Lit, Qwik, Alpine, Angular | others.md |
| Multi-framework config | multi-framework.md |
| React full setup | templates/react-setup.md |
| Multi-framework project | templates/multi-framework.md |
astro add CLI — Auto-configures everything correctlysrc/components/react/, src/components/vue/include for multiple JSX frameworks — Avoid React/Preact/Solid conflicts