openai-responses-mcp-client-enabled

# MCP via the OpenAI Responses API [<img src="https://img.youtube.com/vi/WN0XlBcE1P8/0.jpg">](https://youtu.be/WN0XlBcE1P8 "Use the new OpenAI MCP Tool in the Responses API") OpenAI added the ability to connect to MCP servers using the Responses API. You provide a type of tool MCP, pass along the correct headers, and connects to your remote MCP server and does all the handling. This example uses the [Cloudflare Vite Plugin + React](https://developers.cloudflare.com/workers/frameworks/framework-guides/react/) + TailwindCSS + ShadCN. It connects to a [Remote MCP server](https://github.com/craigsdennis/whoa-mcp-agent) that tracks whoas, which you can host. ## Build - Copy [.dev.vars.example](./.dev.vars.example) to `.dev.vars` - Add your OpenAI API key - Modify [wrangler.jsonc](./wrangler.jsonc) `vars` section to your own `REMOTE_WHOA_SERVER_URL` and `LOGGED_IN_USER`. ```bash npm run dev ``` ## Deploy Set your secrets on the server ```bash npx wrangler secret bulk .dev.vars ``` ```bash npm run deploy ```