Our goal is to create the best possible chatbot UX — focusing on the joy and intuitiveness users feel when calling and interacting with AI tools.
概览
Our goal is to create the best possible chatbot UX — focusing on the joy and intuitiveness users feel when calling and interacting with AI tools. See the experience in action in the preview below! Built with Vercel AI SDK and Next.js, this app adopts modern patterns for building AI chat interfaces. It leverages the power of the Model Context Protocol (MCP) to seamlessly integrate external tools into your chat experience. Get a feel for the UX — here's a quick look at what's possible. Control a web browser using Microsoft's playwright-mcp tool. - The LLM autonomously decides how to use tools from the MCP server, calling them multiple times to complete a multi-step task and return a final message. This demo showcases a built with OpenAI's new Realtime API — now extended with full . Talk to the assistant naturally, and watch it execute tools in real time. Quickly call any registered MCP tool during chat by typing @toolname.
README
以下为原文 README 节选，完整内容请查看原文。
MCP Client Chatbot
Our goal is to create the best possible chatbot UX — focusing on the joy and intuitiveness users feel when calling and interacting with AI tools.
See the experience in action in the preview below!
Built with Vercel AI SDK and Next.js, this app adopts modern patterns for building AI chat interfaces. It leverages the power of the Model Context Protocol (MCP) to seamlessly integrate external tools into your chat experience.
Table of Contents
- MCP Client Chatbot
Preview
Get a feel for the UX — here’s a quick look at what’s possible.
🧩 Browser Automation with Playwright MCP
安装
This server does not publish a one-line install command.
Open the repository installation guide 新手？先看 mcpskill.org 教程 →