AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Astro Integrations

skill-fusengine-agents-astro-integrations · by fusengine

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.

↗ Repository
— No reviews yet
0 installs
37 views
0.0% view→install

Install

$ agentstack add skill-fusengine-agents-astro-integrations

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-fusengine-agents-astro-integrations)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 3mo ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Astro Integrations? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

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

# 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.

Reference Guide

| Need | Reference | |------|-----------| | Architecture overview | [overview.md](references/overview.md) | | React setup + options | [react.md](references/react.md) | | Vue setup + options | [vue.md](references/vue.md) | | Svelte setup + options | [svelte.md](references/svelte.md) | | SolidJS setup + options | [solid.md](references/solid.md) | | Preact setup + options | [preact.md](references/preact.md) | | Lit, Qwik, Alpine, Angular | [others.md](references/others.md) | | Multi-framework config | [multi-framework.md](references/multi-framework.md) | | React full setup | [templates/react-setup.md](references/templates/react-setup.md) | | Multi-framework project | [templates/multi-framework.md](references/templates/multi-framework.md) |

Best Practices

  1. Use astro add CLI — Auto-configures everything correctly
  2. Separate directories per framework — src/components/react/, src/components/vue/
  3. include for multiple JSX frameworks — Avoid React/Preact/Solid conflicts
  4. Apply client directives — All framework components need hydration directive for interactivity
  5. Prefer single framework — Mix only when truly necessary for performance

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Agent Skills