AI SDK - Anthropic Provider

Integrate Anthropic's Claude models into your application using the Vercel AI SDK. This skill guides you through installing and using the `@ai-sdk/anthropic` provider to access the Anthropic Messages API.

What This Skill Does

This skill helps AI agents install the Anthropic provider for Vercel AI SDK and implement text generation using Claude models. It covers package installation, provider initialization, and basic usage patterns.

Instructions

Step 1: Install the Package

Install the Anthropic provider package using npm:

```bash

npm i @ai-sdk/anthropic

```

Verify the package is added to `package.json` dependencies.

Step 2: Import the Provider

Import the default provider instance in your TypeScript/JavaScript file:

```typescript

import { anthropic } from '@ai-sdk/anthropic';

```

Step 3: Import AI SDK Core Functions

Import the necessary functions from the AI SDK core package:

```typescript

import { generateText } from 'ai';

```

Note: Ensure `ai` package is installed. If not, run `npm i ai`.

Step 4: Set Up API Key

The Anthropic provider requires an API key. Ensure the `ANTHROPIC_API_KEY` environment variable is set:

```

ANTHROPIC_API_KEY=your_api_key_here

```

Step 5: Generate Text with Claude

Use the `generateText` function with an Anthropic model:

```typescript

import { anthropic } from '@ai-sdk/anthropic';

import { generateText } from 'ai';

const { text } = await generateText({

model: anthropic('claude-3-haiku-20240307'),

prompt: 'Write a vegetarian lasagna recipe for 4 people.',

});

console.log(text);

```

Step 6: Choose the Right Model

Available Claude models (as of package version 3.0.35):

Replace the model ID in the example above with your chosen model.

Step 7: Add AI SDK Skill (Optional)

For projects using coding agents like Claude Code or Cursor, add the AI SDK skill:

```bash

npx skills add vercel/ai

```

This provides the agent with comprehensive AI SDK documentation.

Example Usage

**Basic text generation:**

```typescript

import { anthropic } from '@ai-sdk/anthropic';

import { generateText } from 'ai';

async function main() {

const { text } = await generateText({

model: anthropic('claude-3-haiku-20240307'),

prompt: 'Explain quantum computing in simple terms.',

});

console.log(text);

}

main();

```

**With streaming:**

```typescript

import { anthropic } from '@ai-sdk/anthropic';

import { streamText } from 'ai';

async function stream() {

const result = streamText({

model: anthropic('claude-3-sonnet-20240229'),

prompt: 'Write a short story about a time traveler.',

});

for await (const chunk of result.textStream) {

process.stdout.write(chunk);

}

}

stream();

```

Important Notes

Documentation Reference

Full documentation: [https://ai-sdk.dev/providers/ai-sdk-providers/anthropic](https://ai-sdk.dev/providers/ai-sdk-providers/anthropic)

Anthropic Messages API: [https://docs.anthropic.com/claude/reference/messages_post](https://docs.anthropic.com/claude/reference/messages_post)