assistant-ui Setup
CLI Commands
Quick Decision Flow
-
Existing Next.js app (package.json exists): use npx assistant-ui@latest init
-
Existing app in CI/agent/non-interactive shell: use npx assistant-ui@latest init --yes
-
Existing app + force overwrite of conflicts: add --overwrite
-
New app / empty directory: use npx assistant-ui@latest create <name>
-
Need specific starter template: add -t <default|minimal|cloud|cloud-clerk|langgraph|mcp>
-
Need a curated example: use npx assistant-ui@latest create <name> --example <example>
-
Need playground preset config: use npx assistant-ui@latest create <name> --preset <url>
New Project (create )
npx assistant-ui@latest create my-app -t minimal npx assistant-ui@latest create my-app -t cloud-clerk npx assistant-ui@latest create my-app --preset "https://www.assistant-ui.com/playground/init?preset=chatgpt"
Templates:
Template Description
default
Default template with Vercel AI SDK
minimal
Bare-bones starting point
cloud
Cloud-backed persistence starter
cloud-clerk
Cloud-backed starter with Clerk auth
langgraph
LangGraph starter template
mcp
MCP starter template
When -t is omitted:
-
Interactive shell (TTY): an interactive template picker is shown.
-
Non-interactive shell (CI/agent): template defaults to default .
If no project directory is provided in a non-interactive shell, create uses my-aui-app .
Existing Next.js Project (init )
npx assistant-ui@latest init --yes
The init command is for existing projects only (requires package.json ). If no project is found, it automatically forwards to create . Passing --preset to init also forwards to create (compatibility path).
The --yes flag runs non-interactively (no prompts).
Add Registry Components
npx assistant-ui@latest add markdown-text npx assistant-ui@latest add thread-list
Registry: https://r.assistant-ui.com/{name}.json
Template Code Policy
When using CLI templates (npx assistant-ui@latest create ), never modify generated code unless explicitly requested.
Non-Default Setups
For runtimes other than AI SDK or frameworks other than Next.js, consult the reference files:
Setup Runtime Hook Reference
AI SDK advanced (tools, cloud, options) useChatRuntime
references/ai-sdk.md
Styling and UI customization (shadcn pattern) — references/styling.md
LangGraph agents useLangGraphRuntime
references/langgraph.md
AG-UI protocol useAgUiRuntime
references/ag-ui.md
A2A protocol useA2ARuntime
references/a2a.md
Custom streaming API useLocalRuntime
references/custom-backend.md
Existing state (Redux/Zustand) useExternalStoreRuntime
references/custom-backend.md
Vite / TanStack Start — references/tanstack.md
Deprecated Packages
NEVER install @assistant-ui/styles or @assistant-ui/react-ui — both are deprecated and deleted.
Troubleshooting
For issues not covered by the reference files, use the docs website:
-
Fetch the index: https://www.assistant-ui.com/llms.txt — compact table of contents
-
Fetch specific pages: Append .mdx to the docs URL, e.g. https://www.assistant-ui.com/docs/runtimes/ai-sdk.mdx