AI インテグレーション スキル

Next.js アプリケーションに AI サービスをインテグレートするパターン：Anthropic Claude API、fal.ai、ストリーミング、ツール使用、およびコスト最適化。

1. Anthropic Claude API - Messages

ファイル: src/lib/ai/anthropic.ts

import Anthropic from '@anthropic-ai/sdk'

const anthropic = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
})

export async function generateCompletion({
  systemPrompt,
  userMessage,
  maxTokens = 1024,
  model = 'claude-sonnet-4-20250514',
}: {
  systemPrompt: string
  userMessage: string
  maxTokens?: number
  model?: string
}) {
  const response = await anthropic.messages.creat

...