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:
gpt-5.4withreasoningEffort: "none" - AI SDK:
ai@6—ToolLoopAgent,createAgentUIStreamResponse - UI: shadcn/ui + ai-elements (see
/ai-elementsfor component docs) - ORM: Drizzle + PostgreSQL
- State: Zustand for client-side chat state (consent, session, suggestions)
- Attachments: See
/ai-elementsAttachments component for file upload
Recommended MCP servers
- next-devtools (
next-devtools-mcp@latestvia npx) — route inspection, build diagnostics. See nextjs.org/docs/app/guides/mcp - ai-elements (via
mcp-remote→https://registry.ai-sdk.dev/api/mcp) — component registry search
More from laguagu/claude-code-nextjs-skills
nextjs-seo
Next.js SEO optimization guide. Use when building Next.js apps, optimizing for search engines, fixing Google indexing issues, implementing metadata, sitemaps, robots.txt, JSON-LD, or auditing SEO.
1.1Knextjs-shadcn
Creates Next.js frontends with shadcn/ui. Use when building React UIs, components, pages, or applications with shadcn, Tailwind, or modern frontend patterns. Also use when the user asks to create a new Next.js project, add UI components, style pages, or build any web interface — even if they don't mention shadcn explicitly.
495openai-agents-sdk
OpenAI Agents SDK (Python) development. Use when building AI agents, multi-agent handoffs, function tools, guardrails, sessions, streaming, or tracing with the `openai-agents` / `agents` Python package — including Azure OpenAI via LiteLLM. Triggers on imports from `agents`, uses of `Runner.run_sync`/`Runner.run_streamed`, `@function_tool`, `AgentOutputSchema`, `SQLiteSession`, or questions about the openai-agents-python SDK.
327postgres-semantic-search
|
96ai-sdk-6
Vercel AI SDK v6 development. Use when building AI agents, chatbots, tool integrations, streaming apps, or structured output with the ai package. Covers ToolLoopAgent, useChat, generateText, streamText, tool approval, smoothStream, provider tools, MCP integration, and Output patterns.
93react-best-practices
React and Next.js performance optimization guide from Vercel Engineering (70 rules in 8 categories). Use when writing, reviewing, or refactoring React/Next.js code to eliminate waterfalls, reduce bundle size, prevent re-renders, optimize Server Components, or fix performance bottlenecks. Triggers on data fetching, Promise.all, Suspense, useMemo, dynamic imports, bundle analysis, code-splitting, and rendering performance tasks.
89