Skip to main content
affpapa.org
RU EN
skill CX Codex

vercel-ai — Claude Code skill: what it does, how to install

Architecture guidance for Vercel AI SDK, AI Gateway, and MCP workflows. Helps when building agentic workloads on Vercel.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add bobmatnyc/claude-mpm-skills --skill vercel-ai -a claude-code
Open on GitHub

What vercel-ai does

This skill provides reference patterns for building AI features on Vercel. It guides the coding agent through implementing the Vercel AI SDK and configuring model routing via AI Gateway.

It covers Vercel Agent workflows and tooling through MCP. You get clear directions for securing environment variables, handling API keys, and tracking model usage.

Companion skills like vercel-storage-data and vercel-observability remain optional. The core guidance works without installing any extra modules.

What it helps with

  • route model traffic through Vercel AI Gateway
  • implement Vercel AI SDK in application code
  • orchestrate agentic workflows with Vercel Agent
  • connect MCP integrations to Vercel deployments

Example prompts for the agent

  • Route model traffic through AI Gateway and set up usage controls.
  • Help me implement Vercel AI SDK while securing API keys in environment variables.
  • Set up a Vercel Agent workflow with MCP tooling.

How to install vercel-ai

1Skills CLI (Vercel)

npx skills add bobmatnyc/claude-mpm-skills --skill vercel-ai -a claude-code

2Manually: put the files in place

~/.claude/skills/vercel-ai/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/vercel-ai/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about vercel-ai

How to install vercel-ai in Claude Code?

Run npx skills add bobmatnyc/claude-mpm-skills --skill vercel-ai -a claude-code in your terminal. You can also place the skill file directly at ~/.claude/skills/vercel-ai/SKILL.md.

What does the vercel-ai skill do?

It equips the agent with best practices for Vercel AI services, including AI SDK, AI Gateway routing, Vercel Agent, and MCP integrations.

Do I need companion skills like vercel-storage-data?

No, companion skills are strictly optional. The skill functions on its own without requiring extra runtime or data storage skills.

Source text

SKILL.md · MIT 
---
name: vercel-ai
description: Vercel AI platform guidance covering AI SDK, AI Gateway, Vercel Agent, and MCP. Use when building AI-powered or agentic workloads on Vercel.
user-invocable: false
disable-model-invocation: true
progressive_disclosure:
  entry_point:
    summary: "Vercel AI platform guidance covering AI SDK, AI Gateway, Vercel Agent, and MCP. Use when building AI-powered or agentic workloads on Vercel."
    when_to_use: "When working with vercel-ai or related functionality."
    quick_start: "1. Review the core concepts below. 2. Apply patterns to your use case. 3. Follow best practices for implementation."
---
# Vercel AI Skill

---
progressive_disclosure:
  entry_point:
    summary: "Vercel AI platform: AI SDK, AI Gateway, Vercel Agent, agent integrations, and MCP."
    when_to_use:
      - "When building AI-powered apps on Vercel"
      - "When routing model traffic through AI Gateway"
      - "When using Vercel Agent or MCP workflows"
    quick_start:
      - "Choose AI SDK, AI Gateway, or Agent"
      - "Configure models and routing"
      - "Secure keys and environment variables"
      - "Deploy and monitor usage"
  token_estimate:
    entry: 90-110
    full: 3600-4700
---

## Overview

Vercel AI capabilities include SDKs and services for building AI-enabled applications, model routing, and agent workflows.

## AI SDK

- Use the AI SDK to build AI-driven app features.

## AI Gateway

- Route model traffic through AI Gateway.
- Apply usage controls and monitoring.

## Vercel Agent

- Build and operate agentic workflows.
- Connect agent integrations as needed.

## MCP

- Use MCP integrations for AI tooling and workflows.

## Complementary Skills

When using this skill, consider these related skills (if deployed):

- **vercel-functions-runtime**: Functions and Edge execution for AI workloads.
- **vercel-storage-data**: Data stores for embeddings and artifacts.
- **vercel-observability**: Usage monitoring and debugging.

*Note: Complementary skills are optional. This skill is fully functional without them.*

## Resources

**Vercel Docs**:
- AI on Vercel: https://vercel.com/docs/ai
- AI Gateway: https://vercel.com/docs/ai-gateway
- AI SDK: https://vercel.com/docs/ai-sdk
- Vercel Agent: https://vercel.com/docs/agent
- Agent integrations: https://vercel.com/docs/agent-integrations
- MCP: https://vercel.com/docs/mcp

© bobmatnyc · MIT · bobmatnyc/claude-mpm-skills

Similar skills

All skills for AI and ML →
skill-creator official anthropics Creates and refines skills, then tests them with prompts, evaluations, and performance checks. 414,180installs writing-for-agents Matt Pocock Guidance for writing skills and agent-facing documents. Use it when editing AGENTS.md, CLAUDE.md, or reference files reached from them. 466,719installs media-use heygen-com Finds or generates media for HyperFrames videos, including voiceovers, music, cutouts, and color grades. Stores files locally in assets. CX Codex +1 1,100,000installs mcp-builder official anthropics This skill walks through building an MCP server in TypeScript or Python, from reading the protocol spec to writing tests and evaluation questions. 130,949installs subagent-driven-development Jesse Vincent This skill runs an implementation plan through fresh subagents for independent tasks and reviews each result. Use it for multi-step work in one session. CX Codex 237,746installs orchestration stablyai Coordinates supervised Orca workers with task DAGs, decision gates, and threaded messages. Fits workflows that split work across multiple agents. CX Codex +1 350,300installs

From the same set125

vercel-functions-runtime Provides patterns for Vercel Functions, Edge Runtime, routing middleware, and cron jobs. Useful when designing serverless APIs or scheduled tasks. CX Codex +1 328installs flexlayout-react A skill that walks your coding agent through flexlayout-react: draggable panels, tabs, splitters and saved layouts for React apps. CX Codex +1 328installs vercel-security-access A reference skill for Vercel security: roles, SSO, deployment protection, firewall, BotID and audit logs. Useful when you lock down projects and previews. CX Codex +1 328installs condition-based-waiting Replaces hardcoded timeouts like sleep or setTimeout with condition polling in async tests. Eliminates flakiness caused by execution timing. CX Codex +1 327installs digitalocean-agentic-cloud Guides your coding assistant through building and deploying AI agents on DigitalOcean Gradient AI. Useful for managing GPU resources, knowledge bases, and agent routing. CX Codex +1 323installs validated-handler Adds a type-safe route handler pattern for Next.js App Router using Zod validation. It cuts repetitive parsing and keeps API errors consistent. CX Codex +1 322installs terraform This skill structures Terraform work around state, plans, modules, and CI checks. Use it when infrastructure changes need reviewable steps. CX Codex +1 322installs emergency-release-workflow This skill guides critical fixes and security patches through an expedited release flow. Use it when a production issue needs an urgent deployment. CX Codex +1 318installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor