How to integrate ContentStudio MCP with Vercel AI SDK v6

This guide walks you through connecting ContentStudio to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working ContentStudio agent that can create social posts, manage your inbox, add comments and notes, build campaigns, and create workspaces through natural language commands. This guide will help you understand how to give your Vercel AI SDK agent real control over a ContentStudio account through Composio's ContentStudio MCP server. Before we dive in, let's take a quick look at the key ideas and tools involved.

ContentStudio logoContentStudio
Api Key

ContentStudio is a social media management platform for publishing, collaboration, analytics, and social inbox workflows. It helps teams plan, manage, and measure social content from one shared workspace.

72 Tools

Introduction

This guide walks you through connecting ContentStudio to Vercel AI SDK v6 using the Composio tool router. By the end, you'll have a working ContentStudio agent that can create social posts, manage your inbox, add comments and notes, build campaigns, and create workspaces through natural language commands.

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

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

Also integrate ContentStudio with

TL;DR

Here's what you'll learn:
  • How to set up and configure a Vercel AI SDK agent with ContentStudio integration
  • Using Composio's Tool Router to dynamically load and access ContentStudio 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 ContentStudio MCP server, and what's possible with it?

The ContentStudio MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your ContentStudio account. It provides structured and secure access to social publishing, workspace collaboration, analytics, and Social Inbox workflows, so your agent can create and schedule posts, organize campaigns, analyze performance, manage inbox activity, and coordinate team workflows on your behalf.

  • Social post publishing: Have your agent create drafts, queue or schedule posts, add media and first comments, and apply campaigns, labels, approval options, and platform-specific settings.
  • Campaign and content organization: Let the agent create, find, and remove campaigns or labels, and review content categories available in your workspace.
  • Social performance analytics: Direct your agent to review account summaries, audience growth, demographics, engagement, publishing patterns, media performance, and insights across supported social platforms.
  • Social Inbox management: Instruct your agent to review conversations and comments, add internal notes, apply tags, mark items done or pending, archive activity, and remove supported messages or replies.
  • Workspace collaboration: Have your agent create workspaces, invite team or client members, review approval workflows, and add comments or notes to posts for clearer collaboration.

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: ["content_studio"],
  });

  const mcpUrl = session.mcp.url;
What's happening:
  • We're creating a Tool Router session that gives your agent access to ContentStudio 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 ContentStudio-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 ContentStudio 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 content_studio, 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 ContentStudio 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 ContentStudio 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: ["content_studio"],
  });

  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 content_studio, 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 ContentStudio 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 ContentStudio action and event your agent gets out of the box.

Add Facebook Group Account

Add a Facebook Group to a ContentStudio workspace through the manual connection flow.

Add Inbox Note

Create an internal note on a ContentStudio Social Inbox conversation, optionally mentioning workspace users.

Add Post Comment

Add a collaboration comment to a ContentStudio post, optionally mentioning workspace users.

Add Post Note

Add an internal note to a ContentStudio post.

Bulk Set Inbox Elements Archived

Archive or unarchive 1-100 ContentStudio Social Inbox elements in one provider batch.

Bulk Set Inbox Elements Status

Set the workflow status of 1-100 ContentStudio Social Inbox elements to done or pending in one provider batch.

Connect Bluesky Account

Connect a Bluesky profile directly to a ContentStudio workspace using its handle and a Bluesky app password.

Create Campaign

Create a named, color-coded campaign in a ContentStudio workspace.

Create Inbox Tag

Create a named, color-coded Social Inbox tag in a ContentStudio workspace.

Create Label

Create a named, color-coded label in a ContentStudio workspace.

Create Post

Create a draft, queued, content-category, or scheduled ContentStudio post with complete media, platform publishing, first-comment, label, campaign, and approval options.

Create Workspace

Create a ContentStudio workspace with its required name, logo URL, and timezone.

Delete Campaign

Permanently delete a campaign from a ContentStudio workspace.

Delete Inbox Comment

Permanently delete one public ContentStudio Social Inbox comment from its connected social platform.

Delete Inbox Message

Soft-delete one ContentStudio Social Inbox message from its connected platform account.

Delete Inbox Review Reply

Permanently delete the business reply from one ContentStudio Social Inbox review.

Delete Inbox Tags

Permanently delete one or more ContentStudio Social Inbox tags by ID.

Delete Label

Permanently delete a label from a ContentStudio workspace.

Delete Post

Permanently delete a ContentStudio post and optionally attempt deletion from selected or all social accounts where it was published.

Delete Workspace

Permanently delete a workspace and its workspace-scoped state.

Get AI Insights

Generate AI analytics insights for one connected Facebook, GMB, Instagram, LinkedIn, Pinterest, TikTok, or YouTube account using one of seven fixed ContentStudio routes.

Get Analytics Summary

Return current-versus-previous summary KPIs for one connected Facebook, GMB, Instagram, LinkedIn, Pinterest, TikTok, Twitter, or YouTube account.

Get Audience Demographics

Return a supported Facebook, Instagram, LinkedIn, or YouTube audience demographics report through one of eight fixed ContentStudio routes.

Get Audience Growth Analytics

Return audience, follower, or subscriber growth for one connected social account through an explicit platform, report, and granularity combination.

Get Content Analytics

Get analytics for one platform-native Facebook, GMB, Instagram, LinkedIn, Pinterest, TikTok, Twitter, or YouTube content item.

Get Current User

Return the active ContentStudio user associated with the connected API key.

Get Engagement Analytics

Return active-user, impression, engagement, action, page-view, view, or watch-time analytics from one of 21 fixed ContentStudio routes.

Get GMB Activity Analytics

Return Google Business Profile search-keyword, review, or media-activity analytics from one of exactly three documented routes.

Get Inbox Contact

Get the contact profile associated with a ContentStudio Social Inbox element.

Get Media Performance Analytics

Return Facebook reel/video, Instagram hashtag/story/reel, or LinkedIn hashtag performance through one of six fixed ContentStudio routes.

Get Publishing Analytics

Return publishing behavior, posting cadence, pin rollups, YouTube discovery or sharing, or performance-schedule analytics from one of 12 documented routes.

Get Twitter Credits Used

Return Twitter/X API credits consumed by one connected account over a date range.

Invite Team Member

Invite a team or client member to a ContentStudio workspace with a role and the provider's exact structured permission map.

List Approval Workflows

List published approval workflows available in a ContentStudio workspace.

List Campaigns

List or search campaigns in a ContentStudio workspace and return campaign IDs for post assignment.

List Connection Platforms

List every social platform supported by ContentStudio account connection and identify whether each uses OAuth, credentials, or a manual flow.

List Content Categories

List or search content categories in a ContentStudio workspace and return category IDs usable when targeting posts.

List Facebook Text Backgrounds

List every Facebook colored-text background preset ID usable in facebook_options on plain-text posts.

List Inbox Conversation Content

List messages, internal notes, or bookmarked messages for one ContentStudio Social Inbox conversation.

List Inbox Post Comments

List public Social Inbox comment threads for a platform post reference.

List Inbox Tags

List all Social Inbox tags in a ContentStudio workspace.

List Labels

List or search labels in a ContentStudio workspace.

List Media

List and filter media-library assets in a ContentStudio workspace.

List Post Comments

List collaboration comments and internal notes on a ContentStudio post.

List Posts

List ContentStudio workspace posts using status, date, approval, label, campaign, content-category, creator, and comment-state filters.

List Ranked Content Analytics

List one offset-paginated page of top, least-performing, sorted, or pin-performance content analytics for one connected account.

List Social Accounts

List connected social accounts in a ContentStudio workspace.

List Team Members

List or search team members in a ContentStudio workspace and return user and membership IDs, roles, memberships, and available permissions.

List Workspaces

List workspaces accessible to the connected account and return workspace IDs for workspace-scoped tools.

Mark Inbox Element Read

Mark one ContentStudio Social Inbox element as read.

Merge Inbox Tags

Irreversibly replace at least two ContentStudio Social Inbox source tags with one tag using the requested name and color.

Remove Social Account

Disconnect a social account from a ContentStudio workspace.

Remove Team Member

Permanently remove a member from a ContentStudio workspace.

Reply To Inbox Review

Publish a public business reply to a ContentStudio Social Inbox review, replacing its existing reply when one exists.

Review Post Approval

Approve or reject a ContentStudio post that is under review, optionally recording a review comment.

Search Inbox Elements

Search one page of ContentStudio Social Inbox conversations, posts, and reviews using status, text, tag, channel, and targeted-element filters.

Send Inbox Comment

Publish a public comment or reply on a ContentStudio Social Inbox post.

Send Inbox Message

Send a Facebook or Instagram direct message through ContentStudio Social Inbox, optionally with one image or video attachment.

Send Inbox Private Reply

Send a Facebook private reply from a ContentStudio Social Inbox post as a private message, optionally with an attachment.

Set Inbox Comment Hidden

Hide or unhide one ContentStudio Social Inbox comment.

Set Inbox Comment Liked

Like or unlike one ContentStudio Social Inbox comment.

Set Inbox Message Bookmarked

Bookmark or unbookmark one ContentStudio Social Inbox message.

Summarize Inbox Elements

Count ContentStudio Social Inbox conversations, posts, and reviews by all, unassigned, mine, assigned, marked-done, and archived states, optionally filtering by element type and social channel.

Update Campaign

Update a campaign's name or color.

Update Inbox Contact

Partially update the name, email, phone, or company of the contact associated with a ContentStudio Social Inbox element.

Update Inbox Element Tags

Add one or more tags to a ContentStudio Inbox element or remove one tag from it.

Update Inbox Tag

Update a ContentStudio Social Inbox tag's name or color.

Update Label

Update a label's name or color.

Update Post

Fully replace an unpublished post's content, accounts, scheduling, platform options, labels, campaign, and approval configuration.

Update Team Member

Replace a workspace member's role and complete permission map, and optionally replace their team or client membership class.

Update Workspace

Update selected settings of an existing workspace.

Upload Media

Upload one media file or import one public media URL into a ContentStudio workspace media library.

FAQ

Frequently asked questions

With a standalone ContentStudio MCP server, the agents and LLMs can only access a fixed set of ContentStudio tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from ContentStudio 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 ContentStudio tools.

Yes, absolutely. You can configure which ContentStudio 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 ContentStudio data and credentials are handled as safely as possible.

Start with ContentStudio.It takes 30 seconds.

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

Start building