How to Use the GitHub MCP in Vercel AI SDK

Q: How do I search GitHub code using Vercel AI SDK?

Use the searchgithubcode tool within your tool definition array. Pass the query string from your input field directly to the tool and stream the result to your user interface.

Q: Can I list GitHub repositories in my Vercel AI SDK app?

You can. Call listuserrepositories or listorgrepositories to fetch the data and map it to your React or Next.js components.

Stream GitHub data directly into your Vercel AI SDK frontends for live, interactive user experiences.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers — Included with Plan

Connect GitHub MCP to Vercel AI SDK

Create your Vinkius account to connect GitHub to Vercel AI SDK — we handle the hosting, security, and runtime updates so you don't have to. No server setup required.

GDPR Included with Plan

Setup GitHub with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity Vinkius runs on Gemini

Gemini

Grok

Real-time repository data streaming

Your UI renders GitHub data as it arrives. Use `list_pull_requests` or `list_repo_issues` to populate your dashboard components without waiting for bulk API responses. Everything happens over the edge. By connecting the MCP Server to your stream, you display live repository state changes to your users the moment they happen.

Instant file context for your AI

Get exact file contents into your generation pipeline. Use `get_file_contents` to pull specific code blocks that your AI client processes for immediate UI updates. Stop guessing what is in the repo. This server feeds raw text straight into your generation functions, keeping your frontends accurate and up to date.

Direct identity and access verification

Confirm your session state before running heavy tasks. Call `verify_api_connection` or `get_my_github_profile` to ensure your Vercel AI SDK integration has the right permissions. Keep your runtime clean. Knowing exactly who is authenticated prevents unauthorized calls and keeps your application logic focused on the task at hand.

Setup guide

Set up GitHub MCP in Vercel AI SDK

Prerequisites

Node.js 18+ and a TypeScript project
ai + @modelcontextprotocol/sdk packages
Active Vinkius subscription with a valid endpoint token

1

Install dependencies

Run npm install ai @modelcontextprotocol/sdk plus your preferred model provider (e.g. @ai-sdk/openai).
2

Create the Streamable HTTP transport

Use StreamableHTTPClientTransport with your Vinkius endpoint URL. Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com.
3

Discover and use tools

Call mcpClient.tools() to auto-discover all GitHub tools. Pass them directly to generateText() or streamText() — no manual schema definitions needed.
4

Works with any model provider

Swap openai("gpt-4o") for any AI SDK provider — Anthropic, Google, Mistral. The MCP tools work identically across all supported models.

index.ts

import { experimental_createMCPClient as createMCPClient } from "ai";
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";

const transport = new StreamableHTTPClientTransport(
  new URL("https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")
);

const mcpClient = await createMCPClient({ transport });
const tools = await mcpClient.tools();

const { text } = await generateText({
  model: openai("gpt-4o"),
  tools,
  prompt: "List recent GitHub transactions",
});

console.log(text);
await mcpClient.close();

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by GitHub. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect GitHub now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about GitHub MCP in Vercel AI SDK

Use the `search_github_code` tool within your tool definition array. Pass the query string from your input field directly to the tool and stream the result to your user interface.

Yes, it does. The MCP Server transmits data in chunks, allowing your frontend to display repository information as it arrives.

You can. Call `list_user_repositories` or `list_org_repositories` to fetch the data and map it to your React or Next.js components.

The server returns an error code. You should handle this in your UI logic to inform the user that the request failed.

Your credentials stay in your environment variables. The server only touches the specific repository files or metadata you explicitly request.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.