用途:为 ChatGPT 风格会话界面、AI 助手、copilot 或聊天机器人提供实现模式,重点解决流式 UX、上下文管理与多模态交互。
主要能力:消息气泡(用户/AI/系统)与流式 markdown 渲染;输入组件支持附件与语音;响应控制含停止生成、重新生成、继续、编辑;反馈机制含点赞、点踩、复制、分享;上下文管理含 token 用量提示与剩余消息估算;多模态支持图片、文件、语音;AI 特有错误处理(拒绝、限流倒计时);工具/函数调用可视化;无障碍支持(ARIA live 区域、键盘操作);安全上建议用 DOMPurify 清洗 AI 输出。
使用方式:推荐安装 npm install ai @ai-sdk/react @ai-sdk/openai、npm install @vercel/streamdown、npm install react-syntax-highlighter、npm install dompurify。最小示例使用 useChat 获取 messages、input、handleSubmit、isLoading、stop 等。附带脚本 scripts/parse_stream.js、scripts/calculate_tokens.py、scripts/format_messages.js,以及 references 与 examples 目录(basic-chat.tsx、streaming-chat.tsx、multimodal-chat.tsx 等)。样式基于 design-tokens 系统。
适用场景:需要快速搭建 AI 对话界面、处理流式渲染与长会话性能、收集用户反馈、展示工具调用过程的项目。
限制:资料未提供具体收费、价格、平台兼容范围与效果数据;部分库版本与 API 可能变化,需自行验证。