@react-grab/ami

Ami agent provider for React Grab. This is a client-only provider that connects directly to ami.dev.

Installation

``bash
npm install @react-grab/ami


or

pnpm add @react-grab/ami

or

bun add @react-grab/ami

or

yarn add @react-grab/ami
`

Client Usage

$3

`html


`

$3

Using the Script component in your app/layout.tsx:

`jsx
import Script from "next/script";

export default function RootLayout({ children }) {
return (


{process.env.NODE_ENV === "development" && (
<>
src="//unpkg.com/react-grab/dist/index.global.js"
strategy="beforeInteractive"
/>
src="//unpkg.com/@react-grab/ami/dist/client.global.js"
strategy="lazyOnload"
/>

)}

{children}

);
}
`

$3

`tsx
import { attachAgent } from "@react-grab/ami/client";

attachAgent();
`

How It Works

`
┌─────────────────┐ HTTPS ┌─────────────────┐
│ │ │ │
│ React Grab │ ──────────────► │ ami.dev │
│ (Browser) │ ◄────────────── │ (Cloud) │
│ │ │ │
└─────────────────┘ └─────────────────┘
Client Agent
``

1. React Grab sends the selected element context directly to ami.dev
2. Ami processes the request using the configured AI model
3. Ami streams status updates back to the client

Note: No local server required - Ami runs entirely in the cloud.