Stats
Actions
Tags
Help us improve
Share bugs, ideas, or general feedback.
From assistant-ui
Sets up assistant-ui in Next.js projects via CLI: create new apps with templates (default, minimal, cloud, langgraph), init existing projects, add registry components. Covers AI SDK, shadcn styling, LangGraph runtimes.
npx claudepluginhub assistant-ui/skills --plugin assistant-uiHow this skill is triggered — by the user, by Claude, or both
Slash command
/assistant-ui:setupThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
- Existing Next.js app (`package.json` exists): use `npx assistant-ui@latest init`
Guides on assistant-ui React library for AI chat UI components, covering architecture, runtime adapters like AI SDK and LangGraph, packages, and debugging.
Adds CopilotKit to existing projects or bootstraps new ones. Detects framework (Next.js, Vite+React, Angular), installs packages, configures runtime, and sets up chat integration.
Generative UI implementation patterns for AI SDK RSC including server-side streaming components, dynamic UI generation, and client-server coordination. Use when implementing generative UI, building AI SDK RSC, creating streaming components, or when user mentions generative UI, React Server Components, dynamic UI, AI-generated interfaces, or server-side streaming.
Share bugs, ideas, or general feedback.
package.json exists): use npx assistant-ui@latest initnpx assistant-ui@latest init --yes--overwritenpx assistant-ui@latest create <name>-t <default|minimal|cloud|cloud-clerk|langgraph|mcp>npx assistant-ui@latest create <name> --example <example>npx assistant-ui@latest create <name> --preset <url>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:
default.If no project directory is provided in a non-interactive shell, create uses my-aui-app.
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).
npx assistant-ui@latest add markdown-text
npx assistant-ui@latest add thread-list
Registry: https://r.assistant-ui.com/{name}.json
When using CLI templates (npx assistant-ui@latest create), never modify generated code unless explicitly requested.
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 |
NEVER install @assistant-ui/styles or @assistant-ui/react-ui — both are deprecated and deleted.
For issues not covered by the reference files, use the docs website:
https://www.assistant-ui.com/llms.txt — compact table of contents.mdx to the docs URL, e.g. https://www.assistant-ui.com/docs/runtimes/ai-sdk.mdx