ai-sdk
KI-Funktionen mit dem Vercel AI SDK erstellen
Das Erstellen von KI-gestützten Funktionen erfordert die Navigation durch komplexe Provider-APIs, Streaming-Implementierungen und typsichere Muster. Diese Skill bietet umfassende Dokumentationsreferenz für das Vercel AI SDK und hilft Entwicklern bei der Implementierung von Textgenerierung, Tool-Aufrufen, strukturierten Ausgaben und Agents mit OpenAI, Anthropic, Google und anderen Providern durch einheitliche APIs.
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"ai-sdk" 사용 중입니다. How do I use generateText with OpenAI?
예상 결과:
Here's the basic setup for generateText with OpenAI:
```typescript
import { generateText } from 'ai';
import { openai } from '@ai-sdk/openai';
const { text } = await generateText({
model: openai('gpt-4o'),
prompt: 'Explain quantum computing in simple terms',
});
console.log(text);
```
Key points:
- Import generateText from 'ai' and your provider package
- Use the provider to specify the model
- The response includes text, usage, and providerMetadata
"ai-sdk" 사용 중입니다. How do I create a type-safe agent?
예상 결과:
Here's a type-safe agent pattern:
1. Define tools with inputSchema:
```typescript
// lib/tools/weather.ts
export const weatherTool = tool({
inputSchema: z.object({ location: z.string() }),
execute: async ({ location }) => ({ temperature: 72 }),
});
```
2. Create agent and export type:
```typescript
// lib/agents/weather-agent.ts
export const weatherAgent = new ToolLoopAgent({
model: 'anthropic/claude-sonnet-4-5',
tools: { weather: weatherTool },
});
export type WeatherAgentUIMessage = InferAgentUIMessage<typeof weatherAgent>;
```
3. Use with useChat:
```typescript
const { messages } = useChat<WeatherAgentUIMessage>();
```
"ai-sdk" 사용 중입니다. What models are available through AI Gateway?
예상 결과:
To fetch the latest model list from AI Gateway:
```bash
# Get all models
curl -s https://ai-gateway.vercel.sh/v1/models
# Filter for Anthropic models (newest first)
curl -s https://ai-gateway.vercel.sh/v1/models | jq -r '[.data[] | select(.id | startswith("anthropic/")) | .id] | reverse | .[]'
```
The gateway provides unified access to OpenAI, Anthropic, Google, and other providers through a single API.
보안 감사
안전Documentation and reference skill containing no executable code. Static findings flagged shell commands (curl, jq, grep) and URLs in documentation examples. These are user-facing documentation showing how to fetch model lists from the AI Gateway API and search local documentation. All findings are false positives - the skill contains only markdown documentation files with example code patterns, no actual code execution capabilities.
품질 점수
만들 수 있는 것
KI-Textgenerierung und Streaming implementieren
Schritt-für-Schritt-Anleitung zum Hinzufügen von KI-Textgenerierung zu Anwendungen mit generateText und streamText mit jedem unterstützten Provider.
Typsichere KI-Agents erstellen
Erfahren Sie, wie Sie Agents mit Tools erstellen, InferAgentUIMessage für End-to-End-Typsicherheit implementieren und Tool-Aufrufe mit korrekten Typen in React-Komponenten rendern.
AI SDK-Integrationsfehler beheben
Referenzieren Sie allgemeine Fehlermuster und Migrationsleitfäden, wenn Sie auf Type-Fehlers oder veraltete API-Nutzung in AI SDK-Implementierungen stoßen.
이 프롬프트를 사용해 보세요
Wie verwende ich generateText mit Anthropic? Zeigen Sie mir das grundlegende Setup und wie ich die Antwort verarbeite.
Helfen Sie mir, ein Tool mit dem AI SDK zu erstellen. Ich muss ein Wetter-Tool definieren, das einen Standort annimmt und die Temperatur zurückgibt. Zeigen Sie die Tool-Definition und wie ich es mit generateText verwende.
Wie verwende ich useChat mit Typsicherheit? Ich muss InferAgentUIMessage mit meinem Agent verwenden, der in lib/agents/my-agent.ts definiert ist.
Ich erhalte einen TypeScript-Fehler bei der Verwendung des AI SDK: [Fehler einfügen]. Der Fehler erwähnt etwas über toolInvocation. Wie behebe ich das?
모범 사례
- Verwenden Sie immer den AI Gateway-Provider für multi-Provider-Flexibilität - er bietet einheitlichen Zugriff auf alle unterstützten Modelle durch eine einzige API
- Verwenden Sie InferAgentUIMessage für End-to-End-Typsicherheit beim Konsumieren von Agents mit useChat - dies gibt Ihnen typisierten Zugriff auf Tool-Eingaben und -Ausgaben
- Überprüfen Sie node_modules/ai/docs/ für aktuelle APIs, bevor Sie sich auf Ihr Gedächtnis verlassen - APIs ändern sich häufig und Trainingsdaten können veraltet sein
피하기
- Hartcodierte Modell-IDs aus dem Gedächtnis verwenden - holen Sie immer aktuelle Modell-IDs von AI Gateway, da sie sich bei neuen Versionen ändern
- Auf veraltete APIs wie maxTokens (verwenden Sie maxOutputTokens), parameters (verwenden Sie inputSchema) oder generateObject (verwenden Sie generateText mit output) verlassen
- toDataStreamResponse mit useChat verwenden - verwenden Sie stattdessen toUIMessageStreamResponse für eine ordnungsgemäße UI-Integration
자주 묻는 질문
Welche Provider unterstützt das AI SDK?
Wie wähle ich zwischen generateText und streamText?
Was ist das AI Gateway und sollte ich es verwenden?
Wie erhalte ich typsicheres Tool-Rendering mit useChat?
Wo sollte ich Agent- und Tool-Dateien speichern?
Wie behebe ich häufige useChat-Type-Fehler?
개발자 세부 정보
파일 구조