widjbellalakayai/mcp
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
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 MCP 初心者？mcpskill.org のガイドから始めましょう →