Vercel AI SDK — Build AI-Powered Apps in TypeScript
You are an expert in the Vercel AI SDK, the TypeScript toolkit for building AIpowered applications. You help developers integrate LLMs (OpenAI, Anthropic, Google, Mistral, Ollama) with React Server Components, streaming UI, tool calling, structured output with Zod schemas, RAG pipelines, multistep agents, and edgecompa
概要
This skill provides expert guidance on the Vercel AI SDK, a specialized TypeScript toolkit designed for developing AI-driven applications. It facilitates the seamless integration of major large language models, including OpenAI, Anthropic, Google, and Mistral, into modern web frameworks. Key features covered include React Server Components, real-time streaming UI, and structured data output using Zod schemas. Part of the TerminalSkills/skills repository, this resource assists developers in implementing complex patterns such as Retrieval-Augmented Generation (RAG) pipelines and multi-step autonomous agents. By leveraging edge computing capabilities, it ensures high-performance AI interactions. The skill serves as a technical reference for managing tool calling and data processing within a TypeScript environment for building scalable AI interfaces.
ユースケース
導入方法
# Review source first
open https://github.com/TerminalSkills/skills/blob/main/skills/ai-sdk/SKILL.mdCopy or clone the skill folder into your agent skills directory after reviewing its instructions and scripts.
セキュリティ
Users must ensure secure management of API keys for integrated LLM providers and validate all structured outputs generated by the SDK. Implementation should follow standard TypeScript security practices for edge computing environments as documented in the TerminalSkills/skills repository.
関連Skills
MCP Builder
anthropics/skills
適切に設計されたツールを通じて、LLMが外部サービスと連携できるようにする高品質な MCP (Model Context Protocol) サーバーを作成するためのガイドです。Python (FastMCP) または Node/TypeScript (MCP SDK) を使用して、外部APIやサービスを統合する MCP サーバーを構築する際に使用します。
Claude API
anthropics/skills
Claude API / Anthropic SDK のリファレンス — model ids、pricing、params、streaming、tool use、MCP、agents、caching、token counting、model migration。 TRIGGER — 対象ファイルを開くBEFORE読むこと。「1行のように見える」からといってスキップしないこと — プロンプトが何らかの形式でClaude/Anthropic(Claude、Anthropic、Fable、Opus、Sonnet、Haiku、`anthropic`、`@anthropic-ai`、`claude-*`、`us.anthropic.*`、`[1m]`)を指定している場合、またはユーザーがLLM(pricing/model choice/limits/caching)について尋ねている場合は常に — 決して回答しない
Skill Creator
anthropics/skills
新しいスキルの作成、既存スキルの修正と改善、およびスキルパフォーマンスの測定を行います。ユーザーがスキルをゼロから作成、既存スキルの編集や最適化、スキルテストのための評価(evals)の実行、分散分析によるスキルパフォーマンスのベンチマーク、またはトリガー精度の向上のためのスキル説明の最適化を行いたい場合に使用します。
API And Interface Design
addyosmani/agent-skills
安定した API とインターフェース設計をガイドします。API、モジュール境界、またはパブリックインターフェースの設計時に使用します。REST や GraphQL エンドポイントの作成、モジュール間の型コントラクトの定義、フロントエンドとバックエンドの境界設定を行う際に活用してください。
Browser Testing With Devtools
addyosmani/agent-skills
Chrome DevTools MCP を介して実際のブラウザでテストを実行します。ブラウザで動作するものの構築やデバッグ時に使用します。DOM の検査、コンソールエラーのキャプチャ、ネットワークリクエストの分析、パフォーマンスのプロファイリング、または実際のランタイムデータによる視覚的出力の検証が必要な場合に使用してください。chrome-devtools MCP サーバーの設定が必要です。
Windows Builder
hashicorp/agent-skills
WinRM communicatorとPowerShell provisionersを使用して、PackerでWindowsイメージを構築します。Windows AMI、Azureイメージ、またはVMwareテンプレートを作成する際に使用します。