@expo-agent-bridge/plugin

Expo dev plugin that exposes app runtime state to AI coding agents via expo-agent-bridge.

Setup

npm install --save-dev @expo-agent-bridge/plugin

Add to your root layout:

import { AgentBridge } from "@expo-agent-bridge/plugin";

export default function RootLayout() {
  return (
    <>
      {__DEV__ && <AgentBridge />}
      {/* ... rest of your layout */}
    </>
  );
}

Pair with @expo-agent-bridge/server in your AI agent's MCP configuration.

What It Exposes

• Navigation state — current route, params, stack (Expo Router / React Navigation)
• Store state — Zustand, Redux, or custom stores (explicit registration)
• Network log — patched fetch captures requests, responses, timing, headers, body previews
• Console logs — console.log/warn/error/info/debug output
• Route tree — full Expo Router route manifest
• View lookup — find views by testID with layout bounds

Registering Stores

import { registerStore } from "@expo-agent-bridge/plugin";
import { useAuthStore } from "./useAuthStore";

if (__DEV__) {
  registerStore("auth", useAuthStore);
}

Configuration

<AgentBridge port={19275} />           // default port
<AgentBridge networkLogging={false} /> // disable fetch patching

Requirements

• Expo SDK 50+
• React Native

License

MIT