Skip to main content
Read through this guide to set up Anthropic & get familiar with how it is used across the different apps.

​
Set up Anthropic

First, create an Anthropic account or sign in. Next, navigate to the API key page and “Create API key”. Make sure to save this somewhere safe and do not share it with anyone. Once you have your API key, paste it in your .env file: 
ANTHROPIC_API_KEY=your_anthropic_api_key

​
Available Models

Anthropic models are defined in the unified model registry at lib/ai/models.ts. All models support vision capability and internet access.
ModelIDFeatures
Claude Opus 4.5claude-opus-4-5Vision, Internet
Claude Sonnet 4.5claude-sonnet-4-5Vision, Internet, Thinking/Reasoning
Claude Haiku 4.5claude-haiku-4-5Vision, Internet
Claude Sonnet 4.5 supports thinking/reasoning mode, allowing the model to show its chain of thought before providing a final answer.

​
Apps Using Anthropic

Anthropic is integrated through the Vercel AI SDK 6.0. Provider routing is handled by lib/ai/ai-utils.ts using customModel(), getProviderFromModelId(), and getModelInstance().

Chat

Multi-provider chat app — Anthropic is available as an LLM provider

Structured Output

Generate structured JSON output using Anthropic models

​
Structure

The codebase uses Vercel AI SDK 6.0 with a unified model registry instead of direct Anthropic API calls. Models are registered in lib/ai/models.ts and routing is managed through lib/ai/ai-utils.ts. The typical flow for an AI request:
  1. The user selects a model from the unified model registry
  2. The request is routed through getModelInstance() in lib/ai/ai-utils.ts
  3. The provider is determined via getProviderFromModelId()
  4. The model is instantiated with customModel()
  5. The response is streamed back to the user
  6. Results are stored in Supabase
More information on structure of the codebase can be found here:

Structure

Understand the project structure of the codebase