open-index/open-npm huggingface dataset:
npm package: @react-grab/ami
Description: Ami agent provider for React Grab. This is a client-only provider that connects directly to [ami.dev](https://ami.dev).
Latest version: 0.1.27

# @react-grab/ami

Ami agent provider for React Grab. This is a client-only provider that connects directly to [ami.dev](https://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

### Script Tag

```html
<script src="//unpkg.com/react-grab/dist/index.global.js"></script>
<script src="//unpkg.com/@react-grab/ami/dist/client.global.js"></script>
```

### Next.js

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

```jsx
import Script from "next/script";

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        {process.env.NODE_ENV === "development" && (
          <>
            <Script
              src="//unpkg.com/react-grab/dist/index.global.js"
              strategy="beforeInteractive"
            />
            <Script
              src="//unpkg.com/@react-grab/ami/dist/client.global.js"
              strategy="lazyOnload"
            />
          </>
        )}
      </head>
      <body>{children}</body>
    </html>
  );
}
```

### ES Module

```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.
npm package: @react-grab/amp
Description: [Amp](https://ampcode.com) provider for React Grab.
Latest version: 0.1.29
Deprecated: Deprecated: use @react-grab/mcp instead

# @react-grab/amp

[Amp](https://ampcode.com) provider for React Grab.

## Installation

```bash
npm install @react-grab/amp
```

## Usage

### Server

The server runs on port `9567` and interfaces with the Amp SDK. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @react-grab/amp@latest && next dev"
  }
}
```

> **Note:** You must have an [Amp API key](https://ampcode.com/settings) set via `AMP_API_KEY` environment variable.

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@react-grab/amp/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@react-grab/amp/client";
```

## Features

- **Follow-ups**: Continue conversations with thread continuity
- **Undo**: Undo the last change made by Amp
- **Streaming**: Real-time status updates during execution
- **Tool calls**: See tool usage as it happens
npm package: @react-grab/codex
Description: OpenAI Codex provider for React Grab.
Latest version: 0.1.29
Deprecated: Deprecated: use @react-grab/mcp instead

# @react-grab/codex

OpenAI Codex provider for React Grab.

## Installation

```bash
npm install @react-grab/codex
```

## Usage

### Server

The server runs on port `7567` and interfaces with the Codex SDK. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @react-grab/codex@latest && next dev"
  }
}
```

> **Note:** You must have [Codex](https://github.com/openai/codex) installed (`npm i -g @openai/codex`).

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@react-grab/codex/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@react-grab/codex/client";
```

## Features

- **Follow-ups**: Continue conversations with the same thread
- **Undo**: Undo the last change made by Codex
- **Streaming**: Real-time status updates during execution
npm package: @react-grab/gemini
Description: Google Gemini CLI provider for React Grab.
Latest version: 0.1.29
Deprecated: Deprecated: use @react-grab/mcp instead

# @react-grab/gemini

Google Gemini CLI provider for React Grab.

## Installation

```bash
npm install @react-grab/gemini
```

## Usage

### Server

The server runs on port `8567` and interfaces with the Gemini CLI. Add to your `package.json`:

```json
{
  "scripts": {
    "dev": "npx @react-grab/gemini@latest && next dev"
  }
}
```

> **Note:** You must have [Gemini CLI](https://github.com/google-gemini/gemini-cli) installed (`npm i -g @anthropic-ai/gemini-cli`).

### Client

Add the client script to your HTML:

```html
<script src="//unpkg.com/@react-grab/gemini/dist/client.global.js"></script>
```

Or import programmatically:

```ts
import "@react-grab/gemini/client";
```

## Features

- **Follow-ups**: Continue conversations with the same session
- **Streaming**: Real-time status updates during execution
- **Tool calls**: See tool usage as it happens