Skip to main content
skill Claude Code CX Codex Cursor GitHub Copilot

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

Teaches your coding agent to use the Vercel AI SDK accurately. It forces the model to read installed package docs instead of relying on memory.

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

What ai-sdk does

The ai package updates frequently. Models often mix up method names and signatures from older releases. This skill instructs the agent to inspect node_modules/ai/docs/ and package source code before writing any implementation.

It helps configure generateText, stream output via streamText, and wire UI hooks like useChat. It also covers model routing through the AI Gateway using the AI_GATEWAY_API_KEY environment variable.

Install this if your TypeScript project uses the AI SDK for agents or chat interfaces. If you do not use the ai package, skip it.

What it helps with

  • stream text responses using streamText
  • build agent workflows with ToolLoopAgent
  • wire client components to useChat
  • verify API signatures against installed node_modules

Example prompts for the agent

  • Set up streamText with OpenAI for our chat route
  • Create a ToolLoopAgent with custom tools
  • How do I connect useChat to our backend endpoint?

How to install ai-sdk

1Skills CLI (Vercel)

npx skills add vercel/ai --skill ai-sdk -a claude-code
npx skills add vercel/ai --skill use-ai-sdk -a claude-code

2Manually: put the files in place

~/.claude/skills/use-ai-sdk/SKILL.md

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

From the same set2

The whole set →

Other versions of ai-sdk

Similar

academy-guide official anthropics Matches Claude learning questions with relevant Claude Academy materials. Use it for onboarding, feature training, and team education requests. Claude Code Claude.ai 11,893installs ai-seo coreyhaines31 Use this skill to work on content visibility in AI search and investigate why AI-generated answers cite—or miss—your brand. Claude Code CX Codex Cursor +1 150,100installs context-engineering addyosmani Helps you set up agent context: which rules, specs and files to feed the agent, and when. Use it at the start of a session, when output quality drops, or when switching tasks. Claude Code CX Codex Cursor +1 60,900installs image coreyhaines31 A skill for marketing visuals: AI generation, editing existing images, picking the right model, and web optimization. Claude Code CX Codex Cursor +1 86,800installs video coreyhaines31 Guides production of product demos, explainers, and clips using Remotion, Hyperframes, or AI generation models directly in your agent terminal. Claude Code CX Codex Cursor +1 85,400installs browser-act BrowserAct A skill that hands your agent a browser CLI: navigate, wait for JavaScript, pull data, fill forms, take screenshots. Useful when plain fetch falls short. Claude Code CX Codex Cursor +1 108,300installs skill-creator official anthropics Creates and refines skills, then tests them with prompts, evaluations, and performance checks. Claude Code Claude.ai 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. Claude Code 466,719installs

Questions about ai-sdk

How to install ai-sdk in Claude Code?

Run npx skills add vercel/ai --skill ai-sdk -a claude-code in your terminal. This configures the skill for Claude Code.

What does the ai-sdk skill do?

It guides coding agents when generating TypeScript code with the Vercel AI SDK. It verifies APIs against bundled docs inside node_modules.

Why does the skill inspect node_modules?

The SDK changes rapidly across releases. Checking installed files prevents syntax errors caused by obsolete methods in model training data.

Source text

SKILL.md · Apache-2.0
---
name: ai-sdk
description: 'Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to build AI agents, chatbots, RAG systems, or text generation features, (3) Have questions about AI providers (OpenAI, Anthropic, Google, etc.), streaming, tool calling, structured output, or embeddings, (4) Use React hooks like useChat or useCompletion. Triggers on: "AI SDK", "Vercel AI SDK", "generateText", "streamText", "add AI to my app", "build an agent", "tool calling", "structured output", "useChat".'
---

## What the AI SDK Is

The AI SDK by Vercel (the `ai` package on npm) is a TypeScript toolkit for building AI applications. It provides a unified API across model providers for text generation, structured output, tool calling, agents, embeddings, and framework UI integrations.

- Repository: https://github.com/vercel/ai
- Documentation: https://ai-sdk.dev/docs

## Critical: Do Not Trust Your Own Memory

Whatever you remember about the AI SDK is likely outdated. The SDK changes frequently across versions - APIs are renamed, removed, and added. Your training data almost certainly contains obsolete APIs, deprecated patterns, and model IDs that no longer exist. UI hooks like `useChat` are among the most frequently changed APIs, so be especially careful with client code.

**Never write AI SDK code from memory.** Always verify every API, option, and pattern against the documentation and source code for the version that is actually installed in the project.

## Use the Bundled, Version-Matched Docs

The `ai` package ships its full documentation and source code inside `node_modules`. These always match the installed version, so trust them over anything you remember.

1. Ensure `ai` is installed. Check `node_modules/ai/` or locate the workspace package in a monorepo that depends on `ai` (e.g. `apps/<name>/node_modules/ai/`). If `ai` is not installed anywhere in the project, install **only** the `ai` package into the target package using the project's package manager (e.g. `pnpm add ai --filter <pkg>` or `npm install ai`). Install provider packages (e.g. `@ai-sdk/openai`) and framework packages (e.g. `@ai-sdk/react`) later, when the task requires them.
2. Read and grep the bundled docs at `node_modules/ai/docs/` (or `<package>/node_modules/ai/docs/`) and the source at `node_modules/ai/src/`.
3. Provider and framework packages bundle their own docs at `node_modules/@ai-sdk/<name>/docs/` (or `<package>/node_modules/@ai-sdk/<name>/docs/`).
4. If something isn't in the bundled docs, search https://ai-sdk.dev/docs. You can append `.md` to any docs page URL to get its markdown, and search via `https://ai-sdk.dev/api/search-docs?q=your_query`.
5. If you cannot find support for an answer in the docs or source, say so explicitly — do not guess.

## AI Gateway: The Fastest Way to Start

The Vercel AI Gateway is the fastest way to get started with the AI SDK. It provides access to models from OpenAI, Anthropic, Google, and other providers through a single API, without installing provider packages or managing multiple API keys.

To set it up:

1. Authenticate with OIDC (for Vercel deployments) or get an AI Gateway API key.
2. Provide it to your app via the `AI_GATEWAY_API_KEY` environment variable.
3. Reference models with `provider/model` strings.

For exact setup, authentication, and usage, read the bundled guide and the AI Gateway docs.

### Choosing a Model

Never use model IDs from memory — models are released and retired frequently. Fetch the current list before writing code that references a model. Do not truncate the list (e.g. with `head`) so you can find the newest models:

```bash
# All available models
curl -s https://ai-gateway.vercel.sh/v1/models | jq -r '.data[].id'

# Filter by provider (e.g. anthropic, openai, google)
curl -s https://ai-gateway.vercel.sh/v1/models | jq -r '[.data[] | select(.id | startswith("anthropic/")) | .id] | reverse | .[]'
```

When multiple versions of a model exist, prefer the one with the highest version number.

## Building and Consuming Agents

Use the SDK's built-in agent abstraction (such as `ToolLoopAgent`) rather than hand-rolling tool-calling loops. For end-to-end type safety, infer the UI message type from your agent definition when consuming it on the client (e.g. with `useChat`). Consuming an agent is framework-specific: check `package.json` to detect the stack, then follow the matching quickstart.

Look up the current agent, tool, and type-safety APIs in the bundled docs (`node_modules/ai/docs/`, especially the agents section) or at https://ai-sdk.dev/docs.

## DevTools

AI SDK DevTools captures your AI SDK calls - requests, responses, tool calls, token usage, and multi-step runs - so you can inspect exactly what your agents do. Use it while developing to debug generations. It is a separate package and is intended for local development only.

For setup instructions, read the bundled DevTools documentation.

## Keep the SDK Current

Outdated installs are the most common source of errors. Compare the installed version against the latest:

- **Installed:** the `version` field in `node_modules/ai/package.json`.
- **Latest:** run `npm view ai version`.

If the installed version is a major version (or more) behind the latest, tell the user they are on an old release, and recommend upgrading before continuing. Migration guides are at https://ai-sdk.dev/docs/migration-guides.

## After Making Changes

Run the project's type checker. Be minimal — only set options that differ from the defaults, checking docs or source for the defaults rather than over-specifying. Most type errors come from remembered, now-changed APIs; re-check the current docs and source when they occur.

© vercel · Apache-2.0 · vercel/ai

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor

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