스킬 ai-sdk
🤖

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.

지원: Claude Codex Code(CC)
🥉 72 브론즈
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"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.

보안 감사

안전
v1 • 1/28/2026

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.

4
스캔된 파일
794
분석된 줄 수
0
발견 사항
1
총 감사 수
보안 문제를 찾지 못했습니다
감사자: claude

품질 점수

45
아키텍처
100
유지보수성
87
콘텐츠
22
커뮤니티
100
보안
91
사양 준수

만들 수 있는 것

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.

이 프롬프트를 사용해 보세요

Grundlegende AI SDK-Frage
Wie verwende ich generateText mit Anthropic? Zeigen Sie mir das grundlegende Setup und wie ich die Antwort verarbeite.
Tool-Aufruf-Implementierung
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.
useChat-Integration
Wie verwende ich useChat mit Typsicherheit? Ich muss InferAgentUIMessage mit meinem Agent verwenden, der in lib/agents/my-agent.ts definiert ist.
TypeScript-Fehler debuggen
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?
Das AI SDK unterstützt OpenAI, Anthropic, Google (Gemini), Amazon Bedrock, Azure und viele andere durch Provider-Pakete. Das AI Gateway bietet einheitlichen Zugriff auf mehrere Provider.
Wie wähle ich zwischen generateText und streamText?
Verwenden Sie generateText für einfache Textvervollständigung. Verwenden Sie streamText für Echtzeit-Streaming-Antworten, wo Sie Text anzeigen möchten, während er generiert wird. streamText unterstützt auch Tool-Aufrufe mit Streaming.
Was ist das AI Gateway und sollte ich es verwenden?
Das AI Gateway ist eine einheitliche API, die Zugriff auf Modelle von mehreren Providern bietet. Es wird als Standardwahl empfohlen, da es konsistente APIs, automatische Wiederholungen und einheitliche Abrechnung über Provider hinweg bietet.
Wie erhalte ich typsicheres Tool-Rendering mit useChat?
Verwenden Sie InferAgentUIMessage<typeof yourAgent>, um den UIMessage-Typ abzuleiten. Dies gibt Ihnen typisierte Tool-Parts (tool-weather, tool-calculator) mit korrekten Eingabe- und Ausgabetypen für jedes Tool in Ihrem Agent.
Wo sollte ich Agent- und Tool-Dateien speichern?
Empfohlene Struktur: lib/agents/ für Agent-Definitionen und lib/tools/ für einzelne Tool-Definitionen. Dies trennt die Agent-Logik von UI-Komponenten und ermöglicht Typ-Exporte für den Konsum.
Wie behebe ich häufige useChat-Type-Fehler?
Häufige Probleme umfassen: part.input kann während des Streamings undefiniert sein (überprüfen Sie zuerst part.state), Tool-Parts haben spezifische zustandsabhängige Eigenschaften, und toolInvocation wurde in typisierte Tool-Parts wie tool-weather umbenannt.

개발자 세부 정보

작성자

vercel

라이선스

MIT

참조

main