How to integrate Cloudcart MCP with Vercel AI SDK v6

This guide walks you through connecting Cloudcart to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working Cloudcart agent that can add three t-shirts to a customer’s cart, create a new product called summer mug, register a new customer with email and name through natural language commands. This guide will help you understand how to give your Vercel AI SDK agent real control over a Cloudcart account through Composio's Cloudcart MCP server. Before we dive in, let's take a quick look at the key ideas and tools involved.

Cloudcart logoCloudcart
Api Key

CloudCart is an e-commerce platform for building and managing online stores. It helps businesses streamline product listings, orders, and customer engagement.

150 Tools

Introduction

This guide walks you through connecting Cloudcart to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working Cloudcart agent that can add three t-shirts to a customer’s cart, create a new product called summer mug, register a new customer with email and name through natural language commands.

This guide will help you understand how to give your Vercel AI SDK agent real control over a Cloudcart account through Composio's Cloudcart MCP server.

Before we dive in, let's take a quick look at the key ideas and tools involved.

Also integrate Cloudcart with

TL;DR

Here's what you'll learn:
  • How to set up and configure a Vercel AI SDK agent with Cloudcart integration
  • Using Composio's Tool Router to dynamically load and access Cloudcart tools
  • Creating an MCP client connection using HTTP transport
  • Building an interactive CLI chat interface with conversation history management
  • Handling tool calls and results within the Vercel AI SDK framework

What is Vercel AI SDK?

The Vercel AI SDK is a TypeScript library for building AI-powered applications. It provides tools for creating agents that can use external services and maintain conversation state.

Key features include:

  • streamText: Core function for streaming responses with real-time tool support
  • MCP Client: Built-in support for Model Context Protocol via @ai-sdk/mcp
  • Step Counting: Control multi-step tool execution with stopWhen: stepCountIs()
  • OpenAI Provider: Native integration with OpenAI models

What is the Cloudcart MCP server, and what's possible with it?

The Cloudcart MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Cloudcart account. It provides structured and secure access to your online store, so your agent can perform actions like managing products, handling customer accounts, processing orders, and organizing categories on your behalf.

  • Product and inventory management: Add new products, create variants, and update your store catalog efficiently through your agent.
  • Customer onboarding and management: Register new customers or update existing profiles, enabling seamless customer experiences directly from your agent.
  • Order processing and cart handling: Let your agent create new orders, add items to carts, or clear carts to streamline the purchase flow.
  • Category and vendor organization: Create new product categories or onboard vendors, keeping your store organized and expanding easily.
  • Variant configuration and customization: Add or update product variants and their parameters, allowing your agent to manage different product options and custom attributes.

What is the Composio tool router, and how does it fit here?

What is Composio SDK?

Composio's Composio SDK helps agents find the right tools for a task at runtime. You can plug in multiple toolkits (like Gmail, HubSpot, and GitHub), and the agent will identify the relevant app and action to complete multi-step workflows. This can reduce token usage and improve the reliability of tool calls. Read more here: Getting started with Composio SDK

The tool router generates a secure MCP URL that your agents can access to perform actions.

How the Composio SDK works

The Composio SDK follows a three-phase workflow:

  1. Discovery: Searches for tools matching your task and returns relevant toolkits with their details.
  2. Authentication: Checks for active connections. If missing, creates an auth config and returns a connection URL via Auth Link.
  3. Execution: Executes the action using the authenticated connection.

Step-by-step Guide

Step by step09 STEPS
1

Prerequisites

Before you begin, make sure you have:
  • Node.js and npm installed
  • A Composio account with API key
  • An OpenAI API key
2

Getting API Keys for OpenAI and Composio

OpenAI API Key
  • Go to the OpenAI dashboard and create an API key. You'll need credits to use the models, or you can connect to another model provider.
  • Keep the API key safe.
Composio API Key
  • Log in to the Composio dashboard.
  • Navigate to your API settings and generate a new API key.
  • Store this key securely as you'll need it for authentication.
3

Install required dependencies

bash
npm install @ai-sdk/openai @ai-sdk/mcp @composio/core ai dotenv

First, install the necessary packages for your project.

What you're installing:

  • @ai-sdk/openai: Vercel AI SDK's OpenAI provider
  • @ai-sdk/mcp: MCP client for Vercel AI SDK
  • @composio/core: Composio SDK for tool integration
  • ai: Core Vercel AI SDK
  • dotenv: Environment variable management
4

Set up environment variables

bash
OPENAI_API_KEY=your_openai_api_key_here
COMPOSIO_API_KEY=your_composio_api_key_here
COMPOSIO_USER_ID=your_user_id_here

Create a .env file in your project root.

What's needed:

  • OPENAI_API_KEY: Your OpenAI API key for GPT model access
  • COMPOSIO_API_KEY: Your Composio API key for tool access
  • COMPOSIO_USER_ID: A unique identifier for the user session
5

Import required modules and validate environment

typescript
import "dotenv/config";
import { openai } from "@ai-sdk/openai";
import { Composio } from "@composio/core";
import * as readline from "readline";
import { streamText, type ModelMessage, stepCountIs } from "ai";
import { createMCPClient } from "@ai-sdk/mcp";

const composioAPIKey = process.env.COMPOSIO_API_KEY;
const composioUserID = process.env.COMPOSIO_USER_ID;

if (!process.env.OPENAI_API_KEY) throw new Error("OPENAI_API_KEY is not set");
if (!composioAPIKey) throw new Error("COMPOSIO_API_KEY is not set");
if (!composioUserID) throw new Error("COMPOSIO_USER_ID is not set");

const composio = new Composio({
  apiKey: composioAPIKey,
});
What's happening:
  • We're importing all necessary libraries including Vercel AI SDK's OpenAI provider and Composio
  • The dotenv/config import automatically loads environment variables
  • The MCP client import enables connection to Composio's tool server
6

Create Tool Router session and initialize MCP client

typescript
async function main() {
  // Create a tool router session for the user
  const session = await composio.create(composioUserID!, {
    toolkits: ["cloudcart"],
  });

  const mcpUrl = session.mcp.url;
What's happening:
  • We're creating a Tool Router session that gives your agent access to Cloudcart tools
  • The create method takes the user ID and specifies which toolkits should be available
  • The returned mcp object contains the URL and authentication headers needed to connect to the MCP server
  • This session provides access to all Cloudcart-related tools through the MCP protocol
7

Connect to MCP server and retrieve tools

typescript
const mcpClient = await createMCPClient({
  transport: {
    type: "http",
    url: mcpUrl,
    headers: session.mcp.headers, // Authentication headers for the Composio MCP server
  },
});

const tools = await mcpClient.tools();
What's happening:
  • We're creating an MCP client that connects to our Composio Tool Router session via HTTP
  • The mcp.url provides the endpoint, and mcp.headers contains authentication credentials
  • The type: "http" is important - Composio requires HTTP transport
  • tools() retrieves all available Cloudcart tools that the agent can use
8

Initialize conversation and CLI interface

typescript
let messages: ModelMessage[] = [];

console.log("Chat started! Type 'exit' or 'quit' to end the conversation.\n");
console.log(
  "Ask any questions related to cloudcart, like summarize my last 5 emails, send an email, etc... :)))\n",
);

const rl = readline.createInterface({
  input: process.stdin,
  output: process.stdout,
  prompt: "> ",
});

rl.prompt();
What's happening:
  • We initialize an empty messages array to maintain conversation history
  • A readline interface is created to accept user input from the command line
  • Instructions are displayed to guide the user on how to interact with the agent
9

Handle user input and stream responses with real-time tool feedback

typescript
rl.on("line", async (userInput: string) => {
  const trimmedInput = userInput.trim();

  if (["exit", "quit", "bye"].includes(trimmedInput.toLowerCase())) {
    console.log("\nGoodbye!");
    rl.close();
    process.exit(0);
  }

  if (!trimmedInput) {
    rl.prompt();
    return;
  }

  messages.push({ role: "user", content: trimmedInput });
  console.log("\nAgent is thinking...\n");

  try {
    const stream = streamText({
      model: openai("gpt-5"),
      messages,
      tools,
      toolChoice: "auto",
      stopWhen: stepCountIs(10),
      onStepFinish: (step) => {
        for (const toolCall of step.toolCalls) {
          console.log(`[Using tool: ${toolCall.toolName}]`);
          }
          if (step.toolCalls.length > 0) {
            console.log(""); // Add space after tool calls
          }
        },
      });

      for await (const chunk of stream.textStream) {
        process.stdout.write(chunk);
      }

      console.log("\n\n---\n");

      // Get final result for message history
      const response = await stream.response;
      if (response?.messages?.length) {
        messages.push(...response.messages);
      }
    } catch (error) {
      console.error("\nAn error occurred while talking to the agent:");
      console.error(error);
      console.log(
        "\nYou can try again or restart the app if it keeps happening.\n",
      );
    } finally {
      rl.prompt();
    }
  });

  rl.on("close", async () => {
    await mcpClient.close();
    console.log("\n👋 Session ended.");
    process.exit(0);
  });
}

main().catch((err) => {
  console.error("Fatal error:", err);
  process.exit(1);
});
What's happening:
  • We use streamText instead of generateText to stream responses in real-time
  • toolChoice: "auto" allows the model to decide when to use Cloudcart tools
  • stopWhen: stepCountIs(10) allows up to 10 steps for complex multi-tool operations
  • onStepFinish callback displays which tools are being used in real-time
  • We iterate through the text stream to create a typewriter effect as the agent responds
  • The complete response is added to conversation history to maintain context
  • Errors are caught and displayed with helpful retry suggestions

Complete Code

Here's the complete code to get you started with Cloudcart and Vercel AI SDK:

typescript
import "dotenv/config";
import { openai } from "@ai-sdk/openai";
import { Composio } from "@composio/core";
import * as readline from "readline";
import { streamText, type ModelMessage, stepCountIs } from "ai";
import { createMCPClient } from "@ai-sdk/mcp";

const composioAPIKey = process.env.COMPOSIO_API_KEY;
const composioUserID = process.env.COMPOSIO_USER_ID;

if (!process.env.OPENAI_API_KEY) throw new Error("OPENAI_API_KEY is not set");
if (!composioAPIKey) throw new Error("COMPOSIO_API_KEY is not set");
if (!composioUserID) throw new Error("COMPOSIO_USER_ID is not set");

const composio = new Composio({
  apiKey: composioAPIKey,
});

async function main() {
  // Create a tool router session for the user
  const session = await composio.create(composioUserID!, {
    toolkits: ["cloudcart"],
  });

  const mcpUrl = session.mcp.url;

  const mcpClient = await createMCPClient({
    transport: {
      type: "http",
      url: mcpUrl,
      headers: session.mcp.headers, // Authentication headers for the Composio MCP server
    },
  });

  const tools = await mcpClient.tools();

  let messages: ModelMessage[] = [];

  console.log("Chat started! Type 'exit' or 'quit' to end the conversation.\n");
  console.log(
    "Ask any questions related to cloudcart, like summarize my last 5 emails, send an email, etc... :)))\n",
  );

  const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout,
    prompt: "> ",
  });

  rl.prompt();

  rl.on("line", async (userInput: string) => {
    const trimmedInput = userInput.trim();

    if (["exit", "quit", "bye"].includes(trimmedInput.toLowerCase())) {
      console.log("\nGoodbye!");
      rl.close();
      process.exit(0);
    }

    if (!trimmedInput) {
      rl.prompt();
      return;
    }

    messages.push({ role: "user", content: trimmedInput });
    console.log("\nAgent is thinking...\n");

    try {
      const stream = streamText({
        model: openai("gpt-5"),
        messages,
        tools,
        toolChoice: "auto",
        stopWhen: stepCountIs(10),
        onStepFinish: (step) => {
          for (const toolCall of step.toolCalls) {
            console.log(`[Using tool: ${toolCall.toolName}]`);
          }
          if (step.toolCalls.length > 0) {
            console.log(""); // Add space after tool calls
          }
        },
      });

      for await (const chunk of stream.textStream) {
        process.stdout.write(chunk);
      }

      console.log("\n\n---\n");

      // Get final result for message history
      const response = await stream.response;
      if (response?.messages?.length) {
        messages.push(...response.messages);
      }
    } catch (error) {
      console.error("\nAn error occurred while talking to the agent:");
      console.error(error);
      console.log(
        "\nYou can try again or restart the app if it keeps happening.\n",
      );
    } finally {
      rl.prompt();
    }
  });

  rl.on("close", async () => {
    await mcpClient.close();
    console.log("\n👋 Session ended.");
    process.exit(0);
  });
}

main().catch((err) => {
  console.error("Fatal error:", err);
  process.exit(1);
});

Conclusion

You've successfully built a Cloudcart agent using the Vercel AI SDK with streaming capabilities! This implementation provides a powerful foundation for building AI applications with natural language interfaces and real-time feedback.

Key features of this implementation:

  • Real-time streaming responses for a better user experience with typewriter effect
  • Live tool execution feedback showing which tools are being used as the agent works
  • Dynamic tool loading through Composio's Tool Router with secure authentication
  • Multi-step tool execution with configurable step limits (up to 10 steps)
  • Comprehensive error handling for robust agent execution
  • Conversation history maintenance for context-aware responses

You can extend this further by adding custom error handling, implementing specific business logic, or integrating additional Composio toolkits to create multi-app workflows.
TOOLS

Supported Tools

Every Cloudcart action and event your agent gets out of the box.

Add Category Properties

Tool to add properties to a category relationship.

Add to Cart

Tool to add an item to the cart.

Clear Cart

Tool to remove all items from the specified cart.

Create Blog Category

Tool to create a new blog category in CloudCart.

Create Blog Post

Tool to create a new blog post in CloudCart.

Create Blog Tag

Tool to create a new blog tag in CloudCart.

Create Category

Tool to create a new category.

Create Customer

Tool to create a new customer in CloudCart.

Create Customer Billing Address

Tool to create a new customer billing address.

Create Customer Groups

Tool to create a new customer group in CloudCart.

Create Customer Shipping Address

Tool to create a customer shipping address in CloudCart.

Create Customer Tag

Tool to create a new customer tag in CloudCart.

Create Discount

Tool to create a new discount in CloudCart.

Create Discount Code

Create a new discount code in CloudCart.

Create Image

Tool to create a new image for a product.

Create Linked Products

Tool to create linked product relationships in CloudCart.

Create Order

Tool to create a new order.

Create Product

Creates a new product in CloudCart catalog.

Create Products Property Options

Tool to add property options to a product relationship.

Create Product to Discount

Tool to create a product to discount relationship in CloudCart.

Create Property

Tool to create a new property in CloudCart.

Create Property Option

Tool to create a new property option.

Create Redirect

Create a new URL redirect in CloudCart.

Create Subscriber

Tool to create a new subscriber in CloudCart.

Create Subscriber Channel

Tool to create a new subscriber channel in CloudCart.

Create Subscriber Tag

Tool to create a new subscriber-tag association in CloudCart.

Create Variant

Tool to create a new product variant for a given product.

Create Variant Option

Tool to create a new variant option for a specific product variant.

Create Variant Options

Tool to create a new variant option.

Create Variant Parameter

Tool to create a new variant parameter for a product variant.

Create Variant Parameter

Tool to create a new variant parameter definition.

Create Vendor

Create a new vendor in your CloudCart store.

Create Webhook

Tool to create a new webhook subscription in CloudCart.

Delete Blog Category

Tool to delete a blog category by its ID.

Delete Blog Post

Tool to delete a blog post by its ID.

Delete Blog Tag

Tool to delete a blog tag by its ID.

Delete Category

Tool to delete a category by its ID.

Delete Customer

Tool to delete a customer.

Delete Customer Billing Address

Tool to delete a customer billing address by its ID.

Delete Customer Group

Tool to delete a customer group by its ID.

Delete Customer Shipping Address

Tool to delete a customer shipping address.

Delete Customer Tag

Tool to delete a customer tag by its ID.

Delete Discount

Tool to delete a discount by its ID.

Delete Discount Code

Tool to delete a discount code by its ID.

Delete Image

Tool to delete an image by its ID.

Delete Order

Tool to delete an order.

Delete Product

Tool to delete a product by its ID.

Delete Linked Products

Tool to delete linked product relationships in CloudCart.

Delete Product To Discount

Tool to delete a product-to-discount relationship by its ID.

Delete Property

Tool to delete a property by its ID.

Delete Property Options

Tool to delete a property option by its ID.

Delete Redirect

Tool to delete a redirect by its ID.

Delete Subscriber

Tool to delete a subscriber by their ID.

Delete Subscribers Channel

Tool to delete a subscriber channel by ID.

Delete Subscriber Tag

Tool to delete a subscriber tag by its ID.

Delete Variant

Tool to delete a variant by its ID.

Delete Variant Option

Tool to delete a variant option by its ID.

Delete Variant Parameter

Tool to delete a variant parameter by its ID.

Delete Vendor

Delete a vendor by its ID from the CloudCart store.

Delete Webhook

Tool to delete a webhook by its ID from the CloudCart store.

Generate Discount Codes

Tool to generate multiple discount codes with a specified discount percentage.

Get Blog Author

Tool to retrieve details of a specific blog author by ID.

Get Blog Category

Tool to retrieve details of a specific blog category by ID.

Get Blog Post

Tool to retrieve a single blog post by its ID.

Get Blog Tag

Tool to retrieve details of a specific blog tag by ID.

Get Cart

Tool to retrieve the current shopping cart.

Get Categories

Tool to retrieve a list of all categories.

Get Category Properties

Tool to retrieve properties relationship for a category.

Get Category

Tool to retrieve details of a specific category by ID.

Get Customer

Tool to retrieve details of a specific customer by ID.

Get Customer Billing Address

Tool to retrieve a specific customer billing address by its ID.

Get Customer Group

Tool to retrieve details of a specific customer group by ID.

Get Customer Groups Customers

Tool to retrieve customers from a specific customer group.

Get Customers

Tool to retrieve a list of all customers.

Get Customer Shipping Address

Tool to retrieve a single customer shipping address by ID.

Get Customer Tag

Tool to retrieve details of a specific customer tag.

Get Image

Tool to retrieve details of a specific image by ID.

Get Orders

Retrieve a paginated list of orders from your CloudCart store.

Get Payment Methods

Tool to retrieve all available payment methods.

Get Products

Tool to retrieve a list of products with optional filters.

Get Products Linked Product

Tool to retrieve linked products for a specific product.

Get Products Linked Products

Tool to retrieve linked products for a specific product.

Get Product With Relations

Retrieves detailed information about a specific product including its relationships (category, vendor, variants).

Get Property

Tool to retrieve details of a specific property by ID.

Get Property Option

Tool to retrieve details of a specific property option by ID.

Get Property Options Relationship

Tool to retrieve property options relationship for a product.

Get Shipping Methods

Tool to retrieve all available shipping methods.

Get Subscriber

Tool to retrieve details of a specific subscriber by ID.

Get Subscribers Channel

Tool to retrieve a single subscriber channel by its ID.

Get Subscriber Tag

Tool to retrieve details of a specific subscriber tag by ID.

Get Variant

Tool to retrieve details of a specific variant by ID.

Get Variant Option

Tool to retrieve a specific variant option by its ID.

Get Variant Parameter

Tool to retrieve details of a specific variant parameter by ID.

Get Vendor

Tool to retrieve details of a specific vendor.

Get Webhook

Tool to retrieve details of a specific webhook by ID.

List Blog Categories

Tool to retrieve all blog categories with optional pagination, sorting, and filtering.

List Blog Posts

Tool to retrieve a list of all blog posts.

List Blog Tags

Tool to retrieve all blog tags from CloudCart.

List Customer Billing Addresses

Tool to retrieve a list of all customer billing addresses.

List Customer Groups

Tool to retrieve all customer groups.

List Customer Shipping Addresses

Tool to retrieve a paginated list of customer shipping addresses.

List Customer Tags

Tool to retrieve all customer tags.

List Discount Codes

Tool to retrieve all discount codes from your CloudCart store.

List Images

Tool to retrieve all images from CloudCart.

List Order Billing Addresses

Tool to retrieve order billing addresses (read-only).

List Order Payments

Retrieve payment information from orders.

List Order Payment V2

Tool to retrieve order payment data from the CloudCart order-payment endpoint.

List Order Products

Retrieve all order products from your CloudCart store (read-only).

List Order Products Options

Tool to retrieve order products options (read-only).

List Order Shipping

Tool to retrieve order shipping data.

List Order Shipping Addresses

Tool to retrieve a paginated list of order shipping addresses.

List Order Status

Tool to retrieve all available order statuses from CloudCart.

List Payment Providers

Tool to retrieve all payment providers (read-only).

List Properties

Tool to retrieve all properties with optional pagination.

List Property Options

Tool to retrieve all property options with optional filtering and pagination.

List Redirects

Tool to retrieve all redirects from CloudCart.

List Shipping Providers

Tool to retrieve all shipping providers (read-only).

List Subscribers

Tool to retrieve all subscribers from the store.

List Subscribers Channels

Tool to retrieve all subscriber channels.

List Subscribers Tags

Tool to retrieve all subscriber tags.

List Variant Options

Tool to retrieve all variant options.

List Variant Parameters

Tool to retrieve all variant parameters with pagination support.

List Variants

Tool to retrieve all product variants with optional pagination and filtering.

List Vendors

Tool to retrieve a list of all vendors.

List Webhooks

Tool to retrieve all webhooks.

Remove from Cart

Tool to remove an item from the cart.

Update Blog Category

Tool to update an existing blog category.

Update Blog Post

Tool to update an existing blog post.

Update Blog Tag

Tool to update an existing blog tag.

Update Cart Item

Tool to update the quantity of an item in the cart.

Update Category

Tool to update an existing category.

Update Customer

Updates an existing customer's information in CloudCart.

Update Customer Billing Address

Tool to update an existing customer billing address in CloudCart.

Update Customer Group

Tool to update an existing customer group's name.

Update Customer Shipping Address

Tool to update an existing customer shipping address in CloudCart.

Update Customer Tag

Tool to update an existing customer tag in CloudCart.

Update Discount Code

Tool to update an existing discount code in CloudCart.

Update Linked Product

Updates linked product relationships for a specific product in CloudCart.

Update Order

Tool to update an existing order.

Update Product

Updates an existing product in CloudCart.

Update Property

Tool to update an existing property.

Update Property Option

Tool to update an existing property option.

Update Subscriber

Tool to update an existing subscriber in CloudCart.

Update Subscribers Channel

Tool to update an existing subscriber channel in CloudCart.

Update Subscriber Tag

Tool to update an existing subscriber tag association in CloudCart.

Update Variant

Tool to update an existing product variant.

Update Variant Option

Tool to update an existing variant option.

Update Variant Parameter

Tool to update an existing variant parameter for a product variant.

Update Vendor

Updates an existing vendor's information in CloudCart.

Update Webhook

Tool to update an existing webhook configuration in CloudCart.

FAQ

Frequently asked questions

With a standalone Cloudcart MCP server, the agents and LLMs can only access a fixed set of Cloudcart tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Cloudcart and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Vercel AI SDK v6 fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Cloudcart tools.

Yes, absolutely. You can configure which Cloudcart scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Cloudcart data and credentials are handled as safely as possible.

Start with Cloudcart.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Cloudcart tool your agent needs.Free to start.

Start building