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
Skill Creator
anthropics/skills
新しいスキルの作成、既存スキルの修正と改善、およびスキルパフォーマンスの測定を行います。ユーザーがスキルをゼロから作成、既存スキルの編集や最適化、スキルテストのための評価(evals)の実行、分散分析によるスキルパフォーマンスのベンチマーク、またはトリガー精度の向上のためのスキル説明の最適化を行いたい場合に使用します。
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)について質問した場合 — 決して回答しないでください
MCP Builder
anthropics/skills
適切に設計されたツールを通じて、LLMが外部サービスと連携できるようにする高品質な MCP (Model Context Protocol) サーバーを作成するためのガイドです。Python (FastMCP) または Node/TypeScript (MCP SDK) を使用して、外部APIやサービスを統合する MCP サーバーを構築する際に使用します。
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 サーバーの設定が必要です。
Gh Address Comments
openai/plugins
GitHub プルリクエストのレビューフィードバックに対応します。未解決のレビュースレッド、リクエストされた変更、または PR 上のインラインレビューコメントを確認し、選択した修正を実装する場合に使用します。PR メタデータとフラットなコメントの読み取りには GitHub アプリを使用し、スレッドレベルの状態、解決ステータス、またはインラインレビューのコンテキストが重要な場合は、`gh` を介して同梱の GraphQL スクリプトを使用してください。