vercel-ai

$npx mdskill add bobmatnyc/claude-mpm-skills/vercel-ai

Build and deploy AI-powered applications on Vercel.

  • Integrate AI features into apps using the AI SDK.
  • Route model traffic through AI Gateway for control.
  • Select appropriate tools based on workload requirements.
  • Deliver secure, deployable AI solutions with monitoring.

SKILL.md

.github/skills/vercel-aiView on GitHub ↗
---
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

More from bobmatnyc/claude-mpm-skills

SkillDescription
anthropicOfficial Anthropic SDK for Claude AI with chat, streaming, function calling, and vision capabilities
api-design-patternsComprehensive API design patterns covering REST, GraphQL, gRPC, versioning, authentication, and modern API best practices
api-documentationBest practices for documenting APIs and code interfaces, eliminating redundant documentation guidance per agent.
api-reviewAPI security checklist for reviewing endpoints before deployment. Use when creating or modifying API routes to ensure proper authentication, authorization, and input validation.
asyncioPython asyncio - Modern concurrent programming with async/await, event loops, tasks, coroutines, primitives, aiohttp, and FastAPI async patterns
axumAxum (Rust) web framework patterns for production APIs: routers/extractors, state, middleware, error handling, tracing, graceful shutdown, and testing
bad-example-skillANTI-PATTERN - Example showing violations of self-containment (DO NOT COPY)
better-auth-authenticationBetter Auth authentication flows for TypeScript apps. Use when enabling email/password auth, configuring social providers, or implementing sign-up, sign-in, and verification flows.
better-auth-coreBetter Auth core setup for TypeScript apps. Use when configuring the Better Auth instance, wiring server handlers and client instances, working with sessions, or calling server-side auth APIs.
better-auth-integrationsBetter Auth framework integrations for TypeScript. Use when wiring route handlers in Next.js, SvelteKit, Remix, Express, Hono, or other web frameworks.