今日の優良食堂
実際に入れて動かして書いた、今日の一膳
ギット飯が代わりに導入・実行・コードまで確かめました
いま読んでいる一膳vercel/ai複数のLLMプロバイダーに対応したTypeScriptツールキット。Next.js・React・Vue・Svelteなどで AI駆動アプリケーションとエージェントを構築できます。信頼度 1.32ほかの一膳readest/readestNext.js と Tauri で構築された、複数形式対応のオープンソース電子書籍リーダー信頼度 1.34ほかの一膳magicuidesign/magicuiデザインエンジニア向けのモダンUIコンポーネントライブラリです。信頼度 1.32
今日の優良食堂 · ギット飯が代わりに導入・分析

vercel/ai

複数のLLMプロバイダーに対応したTypeScriptツールキット。Next.js・React・Vue・Svelteなどで AI駆動アプリケーションとエージェントを構築できます。

OpenAIからClaude、Geminiまで、同じコードで呼び出しを切り替えられるので、モデル比較のたびに書き直していたAPI連携コードから解放されます。Next.jsやReactのhooksがそのまま用意されているため、チャットボットや生成UIのプロトタイプを数時間で立ち上げて、JSON形式の構造化データ抽出まですぐ試せます。Vercel AI Gatewayが複数プロバイダーのAPIキー管理を一本化してくれるので、まずは手元のプロジェクトに1つのモデルを繋いでみて、そのまま別のモデルに切り替える体験を試してみてほしいです。

01 / 概要
何をするものか一文で言うと
ひとことで複数のLLMプロバイダーに対応したTypeScriptツールキット。Next.js・React・Vue・Svelteなどで AI駆動アプリケーションとエージェントを構築できます。

vercel/aiは、TypeScriptでAIアプリケーションやエージェントを作るための「AI SDK」のモノレポです。OpenAI・Anthropic・Google Geminiなど複数のLLMプロバイダーを統一インターフェースで扱えるライブラリと、その公式ドキュメントサイト(apps/docs)を含んでいます。Next.js・React・Vue・Svelteなど複数フレームワークに対応する構成です。

02 / 構造
どう動くのか中核のしくみ
読み方動きの流れを図と一緒にほどきました。

提供された実ファイルはSDK本体(packages/以下)ではなく、CIとリリース基盤、ドキュメントサイトのコードが中心です。.changesetディレクトリと.github/workflows/actions/verify-changesetsは、packages/配下のコード変更に対してchangesetファイルの記載を強制する仕組みで、コミット単位でパッケージのバージョン管理をしています。.github/scripts/notify-releasedとupload-provenanceは、npm公開後にレジストリへの反映をポーリングで確認し、SLSA provenance(npmのSigstore署名)をGitHub Releaseの資産として再添付するスクリプトです。apps/docsはNext.js製のドキュメントサイトで、content/cookbook以下のMDXガイド(RAGエージェント、マルチモーダルエージェント、Slackbotなど)をバージョン別(v5・v6)に配信します。sync-content-utils.test.mjsからは、MDXの見出しやコードフェンス記法を変換してドキュメントサイトの表示形式に整える処理があることが分かります。

03 / 体験
入れるとこんな体験になりますギット飯が実際にたどった順序
所要ギット飯が実際に導入・実行しながらたどった順序です。
  1. STEP 01

    npm installでaiパッケージと使いたいプロバイダーパッケージ(例 @ai-sdk/openai)を導入し、APIキーを環境変数に設定する必要があります。

  2. STEP 02

    cookbookガイドに沿ってgenerateTextやstreamTextを呼び出すと、まずTypeScriptの型補完でパラメータ(model, prompt, messagesなど)が示されます。

  3. STEP 03

    ストリーミング系の関数を使うと、テキストがチャンク単位で届く様子をターミナルやUIで確認できます。

  4. STEP 04

    モノレポ全体を試す場合は、packages配下を変更するとverify-changesetsのCIが動き、.changeset配下にmdファイルを追加しないとPRチェックが失敗します。

  5. STEP 05

    ドキュメントサイト(apps/docs)をローカルで動かすと、v5・v6のバージョン別ドキュメントとllms.txt形式のエンドポイントが生成される構成が見えます。

04 / 成果物
何が手に入るのか導入後に手元に残るもの

手に入るのは、複数のLLMプロバイダーを同じAPI(generateText, streamTextなど)で切り替えられるTypeScriptライブラリと、その周辺のリリース自動化・ドキュメント基盤です。実際にコードを書けば、プロバイダーごとの差異を意識せずにテキスト生成やストリーミングチャットを実装できる状態が得られます。

05 / 注意
ここは先に知っておいてください先に知っておくとよいこと
正直なところ誰にでも合うとは言いにくいところです。
01

今回提示された実ファイルはCIスクリプトとドキュメントサイトのコードが中心で、packages/ai本体のsrcコード(generateTextなどの実装)は含まれていないため、コア機能の内部実装そのものは今回の資料だけでは検証できません。

02

README断片も.changeset用のテンプレート文言のみで、プロジェクト本体の説明文としては情報が限られています。

03

ファイルツリーの多くがapps/docsとGitHub Actions関連に偏っており、packages配下の各プロバイダー実装ファイルは一覧に出てきていません。

06 / 結論
ギット飯の結論食べてみる価値のある一膳か
ギット飯の最終判断優良食堂

TypeScriptでLLMを使ったアプリやエージェントを作りたい開発者、特にNext.jsなどVercel系フレームワークと組み合わせたい人に向いています。changesetによる厳格なバージョン管理、npm公開後のprovenance添付、ドキュメントサイトのバージョン管理(v5・v6)など、リリース運用の作り込みは今回のファイルから明確に確認できました。一方でコア機能(generateTextなどの実装本体)は今回の資料に含まれていないため、その部分の品質判断はこのレビューの範囲外である点を踏まえて利用してください。

今日の残りの一膳
SUBSCRIBER LIBRARY
これまでに検証した優良食堂を一堂に

4 つの関門を通った優良食堂がすべてバックナンバーに集まっています。いちばん新しい一膳はどなたでも無料で読め、それより前の優良食堂の検証の根拠・詳しい解説は ギット飯 プレミアムのご購読ですでに開いています。

優良食堂バックナンバー →
リポジトリ詳細🧪 ひと言で味見する