CopilotKit React Native AI-Agents: Generative UI, On-Device-Tools, Human-in-the-Loop

Die meisten KI-Features in React Native enden als WebView—oder als selbst gebauter Streaming-Client. **[@copilotkit/react-native](https://docs.copilotkit.ai/reference/react-native)** ist der AG-UI-Client für Mobile: gleiches Runtime und Tool-Protokoll wie Web, Rendering in `View`/`Text`.

Bei **CopilotKit React Native AI Agents** zählen drei Fähigkeiten: **Generative UI**, **On-Device-Tool-Calls**, **Human-in-the-Loop**.

Mehr als Chat

Nutzer erwarten Panels, Bestätigungen und echte Aktionen—nicht nur Markdown.

Das Package

• **Headless** — Primitives, eigene UI
• **Prebuilt** (`/components`) — Chat, Modal, Markdown
• Hooks: `useAgent`, `useFrontendTool`, `useHumanInTheLoop`

Generative UI

• **`useRenderTool`** — UI im Chat
• **`useFrontendTool` + Handler** — natives State + eigene Screens

Tools auf dem Gerät

Handler laufen neben Telefon-APIs—Navigation, Storage, Kamera.

Human-in-the-Loop

**`useHumanInTheLoop`** blockiert bis `respond` (InProgress → Executing → Complete).

Checkliste

• Package + Zod installieren
• AG-UI-Provider
• 1–3 wertvolle Tools
• HITL bei irreversiblen Aktionen
• Smoke auf echtem Gerät

Fazit

Starten Sie mit einem Tool und einem Approval-Gate. Zweite Meinung? Melden Sie sich.