Model Context Protocol (MCP) Tools
Learn how to use MCP tools with the AI TOOLKIT and Node
The AI TOOLKIT supports Model Context Protocol (MCP) tools by offering a lightweight client that exposes a tools method for retrieving tools from a MCP server. After use, the client should always be closed to release resources. If you prefer to use the official transports (optional), install the official Model Context Protocol TypeScript SDK. import { createMCPClient } from '@ai-toolkit/mcp'; import { generateText, stepCountIs } from 'ai-toolkit'; import { Experimental_StdioMCPTransport } from '@ai-toolkit/mcp/mcp-stdio'; import { openai } from '@ai-toolkit/openai'; // Optional: Official transports if you prefer them // import { StdioClientTransport } from '@modelcontextprotocol/sdk/client/stdio'; // import { SSEClientTransport } from '@modelcontextprotocol/sdk/client/sse'; // import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp'; let clientOne; let clientTwo; let clientThree; try { // Initialize an MCP client to connect to a stdio MCP server (local only): const transport = new Experimental_StdioMCPTransport({ command: 'node', args: ['src/stdio/dist/server.js'], }); const clientOne = await createMCPClient({ transport, }); // Connect to an HTTP MCP server directly via the client transport config const clientTwo = await createMCPClient({ transport: { type: 'http', url: 'http://localhost:3000/mcp', // optional: configure headers // headers: { Authorization: 'Bearer my-api-key' }, // optional: provide an OAuth client provider for automatic authorization // authProvider: myOAuthClientProvider, }, }); // Connect to a Server-Sent Events (SSE) MCP server directly via the client transport config const clientThree = await createMCPClient({ transport: { type: 'sse', url: 'http://localhost:3000/sse', // optional: configure headers // headers: { Authorization: 'Bearer my-api-key' }, // optional: provide an OAuth client provider for automatic authorization // authProvider: myOAuthClientProvider, }, }); // Alternatively, you can create transports with the official SDKs instead of direct config: // const httpTransport = new StreamableHTTPClientTransport(new URL('http://localhost:3000/mcp')); // clientTwo = await createMCPClient({ transport: httpTransport }); // const sseTransport = new SSEClientTransport(new URL('http://localhost:3000/sse')); // clientThree = await createMCPClient({ transport: sseTransport }); const toolSetOne = await clientOne.tools(); const toolSetTwo = await clientTwo.tools(); const toolSetThree = await clientThree.tools(); const tools = { ...toolSetOne, ...toolSetTwo, ...toolSetThree, // note: this approach causes subsequent tool sets to override tools with the same name }; const response = await generateText({ model: 'openai/gpt-4o', tools, stopWhen: stepCountIs(5), messages: [ { role: 'user', content: [{ type: 'text', text: 'Find products under $100' }], }, ], }); console.log(response.text); } catch (error) { console.error(error); } finally { await Promise.all([ clientOne.close(), clientTwo.close(), clientThree.close(), ]); }
- 1import { createMCPClient } from '@ai-toolkit/mcp';
- 2import { generateText, stepCountIs } from 'ai-toolkit';
- 3import { Experimental_StdioMCPTransport } from '@ai-toolkit/mcp/mcp-stdio';
- 4import { openai } from '@ai-toolkit/openai';
- 5// Optional: Official transports if you prefer them
- 6// import { StdioClientTransport } from '@modelcontextprotocol/sdk/client/stdio';
- 7// import { SSEClientTransport } from '@modelcontextprotocol/sdk/client/sse';
- 8// import { StreamableHTTPClientTransport } from '@modelcontextprotocol/sdk/client/streamableHttp';
- 9let clientOne;
- 10let clientTwo;
- 11let clientThree;
- 12try {
- 13// Initialize an MCP client to connect to a `stdio` MCP server (local only):
- 14const transport = new Experimental_StdioMCPTransport({
- 15command: 'node',
- 16args: ['src/stdio/dist/server.js'],
- 17});
- 18const clientOne = await createMCPClient({
- 19transport,
- 20});
- 21// Connect to an HTTP MCP server directly via the client transport config
- 22const clientTwo = await createMCPClient({
- 23transport: {
- 24type: 'http',
- 25url: 'http://localhost:3000/mcp',
- 26// optional: configure headers
- 27// headers: { Authorization: 'Bearer my-api-key' },
- 28// optional: provide an OAuth client provider for automatic authorization
- 29// authProvider: myOAuthClientProvider,
- 30},
- 31});
- 32// Connect to a Server-Sent Events (SSE) MCP server directly via the client transport config
- 33const clientThree = await createMCPClient({
- 34transport: {
- 35type: 'sse',
- 36url: 'http://localhost:3000/sse',
- 37// optional: configure headers
- 38// headers: { Authorization: 'Bearer my-api-key' },
- 39// optional: provide an OAuth client provider for automatic authorization
- 40// authProvider: myOAuthClientProvider,
- 41},
- 42});
- 43// Alternatively, you can create transports with the official SDKs instead of direct config:
- 44// const httpTransport = new StreamableHTTPClientTransport(new URL('http://localhost:3000/mcp'));
- 45// clientTwo = await createMCPClient({ transport: httpTransport });
- 46// const sseTransport = new SSEClientTransport(new URL('http://localhost:3000/sse'));
- 47// clientThree = await createMCPClient({ transport: sseTransport });
- 48const toolSetOne = await clientOne.tools();
- 49const toolSetTwo = await clientTwo.tools();
- 50const toolSetThree = await clientThree.tools();
- 51const tools = {
- 52...toolSetOne,
- 53...toolSetTwo,
- 54...toolSetThree, // note: this approach causes subsequent tool sets to override tools with the same name
- 55};
- 56const response = await generateText({
- 57model: 'openai/gpt-4o',
- 58tools,
- 59stopWhen: stepCountIs(5),
- 60messages: [
- 61{
- 62role: 'user',
- 63content: [{ type: 'text', text: 'Find products under $100' }],
- 64},
- 65],
- 66});
- 67console.log(response.text);
- 68} catch (error) {
- 69console.error(error);
- 70} finally {
- 71await Promise.all([
- 72clientOne.close(),
- 73clientTwo.close(),
- 74clientThree.close(),
- 75]);
- 76}
Run it locally
$ npm install ai