assistant-ui/tool-ui

它解决了什么问题

大多数 AI 对话界面将工具调用显示为原始 JSON，这对于用户来说难以阅读和交互。Tool UI 提供了一套 React 组件库，可以将这些原始工具负载转换为直观、可交互的视觉元素，例如图表、表单和地图。

工作原理

遵循 shadcn/ui 风格的方法，这些组件旨在直接复制并粘贴到项目的代码库中，而不是作为依赖项进行安装。每个组件都配有一个 Zod schema，用于验证工具输出；只有当负载有效时，UI 才会进行渲染，从而确保应用程序能够安全地容错。

适用人群

希望为工具调用模型提供更精致、更具交互性的体验，且不想被特定的设计系统所束缚的 AI 对话界面开发者。

亮点

• 复制粘贴架构：组件直接存在于您的代码库中，避免了依赖锁定。
• Schema 验证：使用 Zod schemas 来确保工具输出被正确解析和渲染。
• 交互式收据：用户在组件内做出的选择会流回助手并作为收据持久化。
• 基于 shadcn/ui 构建：利用 Radix primitives 和 Tailwind CSS 进行轻松的样式定制和主题集成。
• 丰富的组件库：包含从进度追踪器、数据表格到地理地图和社交媒体帖子预览的所有内容。