mcpclient logo

mcpclient

by pdhoward

This is an example implementation of the Model Context Protocol SDK's client code with the Vercel AI SDK. It simplifies handling an LLM chat in the browser.

View on GitHub

Last updated: N/A

This is an example implementation of the Model Context Protocol SDK's client code with the Vercel AI SDK which simplifies handling an LLM chat in the browser. Check out how to make your own mcp servers quick here

How It Works

  1. Connect to an MCP server with SSE through the UI ( you can learn more about creating mcp servers with SSE)
  2. The system automatically discovers available tools
  3. Ask it to use the tool

Getting Started

# Install dependencies
npm install

# Run the development server
npm run dev

Then go to http://localhost:3000

INSPECT

npx @modelcontextprotocol/inspector