assistant-ui

Build interactive AI chat interfaces with React hooks and streaming adapters.

182|8|Updated Apr 4, 2026
One-click install
npx skills add https://github.com/compozy/agh --skill assistant-ui-compozy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: assistant-ui
Source: https://github.com/compozy/agh/tree/main/.agents/skills/assistant-ui/assistant-ui
Command: npx skills add https://github.com/compozy/agh --skill assistant-ui-compozy

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

assistant-ui helps you build reliable AI chat UIs by providing composable UI primitives and a runtime that manages threads, messages, and streaming interactions consistently.

Core Features & Use Cases

  • React UI primitives for chat: Thread, message, composer, action bars, and branch/thread navigation as reusable building blocks.
  • Runtime hooks for state & events: Access and control assistant behavior via useAui, useAuiState, and useAuiEvent across thread/message lifecycles.
  • Adapter-ready architecture: Plug in multiple backend/runtime strategies (AI SDK, LangGraph, AG-UI protocol, A2A protocol, or custom/local transports).
  • Support for structured message parts: Text, images, tool calls, reasoning, sources, and files—so your UI can render real assistant output types.

Quick Start

Ask an AI agent to generate a minimal chat UI using assistant-ui primitives and connect it to a streaming backend through the recommended AI SDK runtime.

Frequently Asked Questions about assistant-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a React AI chat interface with streaming backend support?

To build a React AI chat interface with streaming, use assistant-ui to access composable UI primitives and runtime hooks that manage persistent thread and message state consistently across streaming interactions.

Can I connect LangGraph or AI SDK v6 to my chat UI?

Yes, you can connect LangGraph or AI SDK v6 to your chat UI using the adapter-ready architecture, which supports plugging in multiple backend runtime strategies including custom and local transports.

How do I render structured message parts like tool calls and images in a chat UI?

To render structured message parts like tool calls and images, the runtime supports specific output types including text, images, tool calls, reasoning, sources, and files for real assistant output rendering.

Does assistant-ui support multi-thread state management for AI chats?

Yes, assistant-ui supports multi-thread state management by providing runtime hooks like useAui, useAuiState, and useAuiEvent to access and control behavior across thread and message lifecycles.

What is the best way to manage thread and message lifecycle events in a streaming chat application?

The best way to manage thread and message lifecycle events in a streaming chat application is using runtime hooks that wire state and events, enabling consistent control over streaming interactions.