AI聊天工具UI组件库

复制/粘贴React组件，用于在AI聊天界面中渲染工具调用。建造于 助理ui.

文档 · 画廊 · 快速开始

当模型调用工具时，大多数应用程序都会将原始JSON转储到对话中。这些组件将工具有效载荷转化为交互式UI，如批准、表格、表格、图表和媒体卡，这样用户就可以在不离开聊天的情况下理解和行动。

特色组件

Option List Let users select from multiple choices

Question Flow Multi-step guided questions with branching

为什么选择工具UI？

• 复制/粘贴，不安装 --shadcn/ui模型。组件存在于你的代码库中。没有依赖锁定。
• 架构已验证 --每个组件都有一个Zod模式。解析工具输出，有效时渲染，无效时安全失败。
• 与收据互动 --组件不仅仅是显示器。用户做出的选择会反馈给助手。选择作为收据保留。
• 基于shadcn/ui构建 --Radix图元，顺风造型，你的主题。没有新的设计系统可供学习。

组件

• 进展：计划、进度跟踪器
• 输入：选项列表、参数滑块、首选项面板、问题流
• 显示：引文、地理地图、项目旋转木马、链接预览、统计显示、终端、天气小工具
• 人工制品：图表、代码块、代码差异、数据表、Instagram帖子、LinkedIn帖子、消息草稿、X帖子
• 确认：批准卡、订单摘要
• 媒体：音频、图像、图像库、视频

每个组件都包括一个用于有效载荷验证的Zod模式和用于真实示例数据的预设。在 画廊.

许可证

MIT许可证。看 许可证 了解详情。