SuperAPI AI 工具集

chat-ui

前端与建站

查看项目

更新于 10-15 22:37

技能介绍

用途:为 React/Next.js 应用提供聊天界面构建块,来自 ui.inference.sh,基于 Tailwind CSS 与 shadcn/ui 设计令牌,便于快速组装对话 UI。

主要能力:提供 ChatContainer(聊天容器)、ChatMessage(消息,支持 role 为 user 右对齐、assistant 左对齐、system 居中)、ChatInput(输入框,支持 onSubmit、placeholder、disabled)、TypingIndicator(打字指示器)以及头像等组件,支持传入 className 自定义样式。

使用方式:通过 npx shadcn@latest add https://ui.inference.sh/r/chat.json 安装。组件按 import { ChatContainer } from "@/registry/blocks/chat/chat-container" 等路径引入,ChatInput 通过 onSubmit 回调接收消息内容并可在加载时禁用,TypingIndicator 可在 isLoading 时渲染。相关技能可通过 npx skills add inference-sh/skills@agent-ui、@widgets-ui、@markdown-ui 添加。

适用场景:需要为智能体或对话式产品搭建聊天交互界面的前端开发。

限制:资料未提供收费、价格、平台兼容版本或具体效果等信息,暂未提供;安装前需确认已具备 shadcn/ui 与 Tailwind 环境。