> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mirage.strukto.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Agents

> Drop a Mirage workspace into the TypeScript agent framework you already use.

Each integration is a subpath of `@struktoai/mirage-agents`. Install it once; tree-shaking keeps unused adapters out of your bundle.

```bash theme={null}
pnpm add @struktoai/mirage-agents @struktoai/mirage-node
```

For browser apps, swap `@struktoai/mirage-node` for `@struktoai/mirage-browser`.

<CardGroup cols={2}>
  <Card title="OpenAI Agents" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/openai-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=086e9344aa70f87e32186cd834e92dfb" href="/typescript/agents/openai" width="24" height="24" data-path="images/openai-logo.svg">
    For the [@openai/agents](https://github.com/openai/openai-agents-js) SDK.
  </Card>

  <Card title="LangChain · Deep Agents" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/langchain-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=e80db5bd3f35579605d89e469cfbf598" href="/typescript/agents/langchain" width="24" height="24" data-path="images/langchain-logo.svg">
    Run [Deep Agents](https://github.com/langchain-ai/deepagents) on a Mirage workspace.
  </Card>

  <Card title="Pi Coding Agent" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/pi-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=9fd1dda1602db8b4e9fd858a396d94bd" href="/typescript/agents/pi" width="256" height="256" data-path="images/pi-logo.svg">
    For [@earendil-works/pi-coding-agent](https://github.com/earendil-works/pi).
  </Card>

  <Card title="Vercel AI SDK" icon="triangle" href="/typescript/agents/vercel">
    For [`ai`](https://sdk.vercel.ai) `generateText` and `streamText`.
  </Card>

  <Card title="Mastra" icon="wand-magic-sparkles" href="/typescript/agents/mastra">
    For [Mastra](https://mastra.ai) `Agent` definitions.
  </Card>

  <Card title="OpenCode" icon="https://mintcdn.com/struktoai/VnauQRV1qeEFsLrG/images/opencode-logo.svg?fit=max&auto=format&n=VnauQRV1qeEFsLrG&q=85&s=23868ab566c0ff7c82b7ee0a28154864" href="/typescript/agents/opencode" width="512" height="512" data-path="images/opencode-logo.svg">
    Native installable plugin for [OpenCode](https://opencode.ai), with Mirage tools and per-session stale-write protection.
  </Card>

  <Card title="Claude Code" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/claude-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=24f21eb989bc7b3119bbd5d6cc6aa758" href="/typescript/agents/claude-code" width="24" height="24" data-path="images/claude-logo.svg">
    Mount a workspace via FUSE and run `claude` against it.
  </Card>

  <Card title="Claude Agent SDK" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/claude-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=24f21eb989bc7b3119bbd5d6cc6aa758" href="/typescript/agents/claude-agent-sdk" width="24" height="24" data-path="images/claude-logo.svg">
    For [@anthropic-ai/claude-agent-sdk](https://github.com/anthropics/claude-agent-sdk-typescript) via an in-process MCP server.
  </Card>

  <Card title="Codex" icon="https://mintcdn.com/struktoai/F9Lv_nTaj6By6crk/images/openai-logo.svg?fit=max&auto=format&n=F9Lv_nTaj6By6crk&q=85&s=086e9344aa70f87e32186cd834e92dfb" href="/typescript/agents/codex" width="24" height="24" data-path="images/openai-logo.svg">
    Install the Mirage plugin and use its tools from the Codex CLI or app.
  </Card>

  <Card title="Grok Build" icon="terminal" href="/typescript/agents/grok-build">
    Install the Mirage plugin and use its tools from Grok's native TUI.
  </Card>
</CardGroup>