tool-ui
拿来即用的 AI 界面组件，半天搭出聊天与工具调用面板
tool-ui 是一套专为 AI 交互界面打造的 React/TypeScript UI 组件库，解决开发者从零搭建聊天、工具调用、MCP 协议等 AI 前端时重复造轮子的问题。它把 AI 场景中高频出现的界面元素（消息气泡、流式输出、工具调用卡片、参数表单、结果展示等）封装成开箱即用的组件，并针对 LLM 流式响应、函数调用、MCP 工具链等做了适配。开发者可以直接组合这些组件，快速拼出类似 ChatGPT 插件、Agent 控制台、AI 助手面板等产品，而不必纠结样式与状态管理细节。项目用 TypeScript 编写，类型友好，便于二次开发与主题定制，适合需要快速验证 AI 产品交互的中小团队或个人开发者。
项目数据
使用教程
核心亮点
- 组件围绕 LLM 流式输出、工具调用、MCP 等真实 AI 场景设计，不是通用 UI 库的简单换皮
- TypeScript 编写，类型定义完整，接入 React 项目后可直接获得类型提示与自动补全
- 覆盖消息气泡、工具卡片、参数表单等高频元素，能显著减少从零搭建 AI 前端的重复工作
不足之处
- 项目仍处早期，组件数量与边界场景覆盖有限，复杂交互可能仍需自行扩展
- 文档与示例相对单薄，社区生态和第三方主题资源较少，遇到问题可参考的资料不多
适用场景
- 快速搭建 ChatGPT 风格的聊天界面并展示流式回复
- 为 Agent 或 MCP 工具链构建带参数表单和结果卡片的控制台
- 在现有 React 后台中嵌入 AI 助手面板，复用现成组件降低开发成本
替代项目
assistant-ui、Vercel AI SDK
项目介绍
上一篇：ip-as-logo-skill
下一篇：vibe
同类项目推荐
open-design
开源
让 AI 代工做界面，本地跑完随手改
Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···
Excalidraw
开源
开源虚拟白板协作工具
Virtual whiteboard for sketching hand-drawn like diagrams
morph
开源
用数据直接生成设计、动画和交互可视化
Morph is a free and open-source tool for creating designs, animations or interactive···
ChatGPT-MidJourney-prompt
开源
输入一句话，AI帮你生成Midjourney完整提示词
This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···