nextjs-chatbot

# Next.js Chatbot Opinionated blueprint for production **web** chatbots. Focuses on patterns **not** covered by `/ai-sdk-6`, `/ai-elements`, or `/nextjs-shadcn` — use those skills for general SDK, component, and framework questions. For multi-platform bots (Slack, Teams, Discord), use `/vercel:chat-sdk` instead. ## Stack defaults - **Runtime:** bun - **Model:** the latest GPT-5.x non-reasoning model with `reasoningEffort: "none"` - **AI SDK:** `ai@6` — `ToolLoopAgent`, `createAgentUIStreamResponse` - **UI:** shadcn/ui + ai-elements (see `/ai-elements` for component docs) - **ORM:** Drizzle + PostgreSQL - **State:** Zustand for client-side chat state (consent, session, suggestions) - **Attachments:** See `/ai-elements` Attachments component for file upload ## Recommended MCP servers - **next-devtools** (`next-devtools-mcp@latest` via npx) — route inspection, build diagnostics. See [nextjs.org/docs/app/guides/mcp](https://nextjs.org/docs/app/guides/mcp) - **ai-elements** (via `mcp-remote` → `https://registry.ai-sdk.dev/api/mcp`) — component registry search Add both to `.claude/settings.json` mcpServers. ## Agent setup ```ts export function createAgent(opts?: { model?: LanguageModel }) { return new ToolLoopAgent({ model: opts?.model ?? openai("gpt-5.6"), // current flagship as of 2026-07 — verify from the live model catalog instructions, providerOptions: { openai: { reasoningEffort: "none" } }, tools, stopWhen: stepCountIs(10), }); } export const ...