ai-chat-application

Solid

Complete guide to building AI chat applications with Vercel AI SDK. Orchestrates streaming routes, useChat integration, tool architecture, message handling, and UX patterns. Use when building production AI chatbots or assistants. Triggers on build AI chat, create chatbot, AI assistant, Vercel AI SDK app, chat application.

AI & Automation 364 stars 68 forks Updated today MIT

Install

View on GitHub

Quality Score: 92/100

Stars 20%
85
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# AI Chat Application (Meta-Skill) Complete guide to building production AI chat applications with the Vercel AI SDK. ## Installation ### OpenClaw / Moltbot / Clawbot ```bash npx clawhub@latest install ai-chat-application ``` --- ## When to Use - Building a new AI chatbot or assistant - Adding AI chat features to an existing app - Need end-to-end guidance on AI chat architecture --- ## Architecture Overview ``` ┌─────────────────────────────────────────────────────────────┐ │ Client (React) │ ├─────────────────────────────────────────────────────────────┤ │ useChat Hook │ Data Stream Handler │ │ - messages, input, submit │ - Custom data events │ │ - isLoading, error │ - Message annotations │ │ See: vercel-ai-chat-integration │ See: vercel-ai-data-streaming ├─────────────────────────────────────────────────────────────┤ │ API Route (Next.js) │ │ - createDataStreamResponse, streamText, message persistence│ │ See: ai-streaming-routes │ ├─────────────────────────────────────────────────────────────┤ │ Tool System │ │ - Toolkit composition, singleton factories, error handling │ │ See: ai-tool-composition, vercel-ai-tool-architecture │ ├─────────────────────────────────────────────────────────────┤ │ Message Handling ...

Details

Author
majiayu000
Repository
majiayu000/claude-skill-registry
Created
5 months ago
Last Updated
today
Language
HTML
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

ai-app

Full-stack AI application generator with Next.js, AI SDK, and ai-elements. Use when creating chatbots, agent dashboards, or custom AI applications. Triggers: chatbot, chat app, agent dashboard, AI application, Next.js AI, useChat, streamText, ai-elements, build AI app, create chatbot

39 Updated yesterday
laguagu
AI & Automation Listed

vercel-ai-sdk

Vercel AI SDK for building chat interfaces with streaming. Use when implementing useChat hook, handling tool calls, streaming responses, or building chat UI. Triggers on useChat, @ai-sdk/react, UIMessage, ChatStatus, streamText, toUIMessageStreamResponse, addToolOutput, onToolCall, sendMessage.

61 Updated today
existential-birds
AI & Automation Listed

building-ai-chat

Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support. Use when creating ChatGPT-style interfaces, AI assistants, code copilots, or conversational agents. Handles streaming text, token limits, regeneration, feedback loops, tool usage visualization, and AI-specific error patterns. Provides battle-tested components from leading AI products with accessibility and performance built in.

368 Updated 5 months ago
ancoleman
AI & Automation Listed

ai-sdk-handler

Integrate Vercel AI SDK for LLMs, Chatbots, Generative UI, and Agentic Workflows.

335 Updated today
aiskillstore
AI & Automation Listed

ai-sdk-setup

Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.

183 Updated 1 months ago
majiayu000