Build an AI Agent that acts as an MCP Client

An example of how to build an Agent that acts as an MCP Client, so that it can connect to external services via MCP.

This demo showcases how to:

Instructions

First, start an MCP server. A simple example can be found in examples/mcp, which already has valid binding setup.

npm install
npm start

Tap "O + enter" to open the front end. It should list out all the tools, prompts, and resources available.

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
public		public
src		src
.dev.vars.example		.dev.vars.example
README.md		README.md
get-subdomain.sh		get-subdomain.sh
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts
wrangler.json		wrangler.json