ai-elements-chatbot
✓该技能提供了基于 shadcn/ui 构建的可用于生产的 AI 聊天 UI 组件，用于对话式 AI 界面。在构建带有流响应、工具/函数调用显示、推理可视化或源引用的 ChatGPT 风格的聊天界面时使用。提供 30 多个组件，包括针对 Vercel AI SDK v5 优化的消息、对话、响应、代码块、推理、工具、操作、源。 防止 Next.js App Router、Tailwind v4、shadcn/ui 集成、AI SDK v5 迁移、组件组合模式、语音输入浏览器兼容性、响应式设计问题和流优化的常见设置错误。 关键词：ai-elements、vercel-ai-sdk、shadcn、聊天机器人、会话式人工智能、流式UI、聊天界面、ai-chat、消息组件、会话式UI、工具调用、推理显示、源引文、markdown-streaming、函数调用、ai-responses、提示输入、代码高亮、网页预览、分支导航、思维显示、困惑风格，克劳德文物
SKILL.md
Status: Production Ready Last Updated: 2025-11-07 Dependencies: tailwind-v4-shadcn (prerequisite), ai-sdk-ui (companion), nextjs (framework) Latest Versions: ai-elements@1.6.0, ai@5.0+, next@15+, react@19+
Before installing AI Elements, ensure these are already set up:
Missing prerequisites? Use the tailwind-v4-shadcn skill first, then install AI SDK:
该技能提供了基于 shadcn/ui 构建的可用于生产的 AI 聊天 UI 组件，用于对话式 AI 界面。在构建带有流响应、工具/函数调用显示、推理可视化或源引用的 ChatGPT 风格的聊天界面时使用。提供 30 多个组件，包括针对 Vercel AI SDK v5 优化的消息、对话、响应、代码块、推理、工具、操作、源。 防止 Next.js App Router、Tailwind v4、shadcn/ui 集成、AI SDK v5 迁移、组件组合模式、语音输入浏览器兼容性、响应式设计问题和流优化的常见设置错误。 关键词：ai-elements、vercel-ai-sdk、shadcn、聊天机器人、会话式人工智能、流式UI、聊天界面、ai-chat、消息组件、会话式UI、工具调用、推理显示、源引文、markdown-streaming、函数调用、ai-responses、提示输入、代码高亮、网页预览、分支导航、思维显示、困惑风格，克劳德文物 来源：jackspace/claudeskillz。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 ai-elements-chatbot？
该技能提供了基于 shadcn/ui 构建的可用于生产的 AI 聊天 UI 组件，用于对话式 AI 界面。在构建带有流响应、工具/函数调用显示、推理可视化或源引用的 ChatGPT 风格的聊天界面时使用。提供 30 多个组件，包括针对 Vercel AI SDK v5 优化的消息、对话、响应、代码块、推理、工具、操作、源。 防止 Next.js App Router、Tailwind v4、shadcn/ui 集成、AI SDK v5 迁移、组件组合模式、语音输入浏览器兼容性、响应式设计问题和流优化的常见设置错误。 关键词：ai-elements、vercel-ai-sdk、shadcn、聊天机器人、会话式人工智能、流式UI、聊天界面、ai-chat、消息组件、会话式UI、工具调用、推理显示、源引文、markdown-streaming、函数调用、ai-responses、提示输入、代码高亮、网页预览、分支导航、思维显示、困惑风格，克劳德文物 来源：jackspace/claudeskillz。
如何安装 ai-elements-chatbot？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jackspace/claudeskillz --skill ai-elements-chatbot 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jackspace/claudeskillz
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01