# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：TANSTACK (@tan_stack) · 平台：X (Twitter) · 日期：2026-06-12

> 原始來源：https://x.com/tan_stack/status/2065102675390189916

## 中文摘要

TanStack AI 進入 Beta 階段支援多模態開發。

![](https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/430332a34b8facdb.jpg)
> TanStack AI 是一個開源的應用程式開發套件（SDK），旨在協助開發者在使用者介面與 AI 模型之間建立可攜式且具備可觀測性的 AI 功能。

TanStack 團隊正式發布 TanStack AI 的 Beta 版本，這標誌著該專案已從單純的文字生成函式庫，演進為一套成熟、多模態且與框架無關的 AI 開發平台。開發者 Tom Beckenham 強調，此版本延續了「無供應商鎖定」的承諾，提供穩定的核心 API 與文件化的協定，讓開發者能以一致的型別安全方式，整合各種 AI 模型與功能。

**核心功能與多模態支援**
TanStack AI 在 Beta 版中大幅擴展了功能範疇，將每一種模態視為一等公民，並透過小型、功能導向的轉接器（adapter）進行整合：
- 文字與串流結構化資料：支援在生成過程中串流傳輸型別化物件，實現 UI 的漸進式渲染。
- 工具呼叫（Tool Calls）：定義一次即可在伺服器與客戶端共用，並具備全應用程式範圍的型別安全。
- 多模態生成：原生支援摘要、影像、影片與音訊生成（包含音樂、音效、語音合成與轉錄）。
- 即時語音對話：透過 OpenAI Realtime（WebRTC）與 ElevenLabs（WebSocket）整合，實現低延遲的即時互動。

**開發體驗與型別安全**
該工具套件強調「以 TypeScript 為核心」，並針對不同模型提供精確的型別定義：
- 模型選項型別化：IDE 能精確識別特定模型的功能，避免呼叫不支援的工具。
- 供應商切換：只需更換匯入的轉接器，即可在不同模型（如 `gpt-5.2` 與 `claude-opus-4-6`）間無縫切換，程式碼結構保持不變。
- 範例程式碼（伺服器端）：
```ts
import { chat, toServerSentEventsResponse } from '@tanstack/ai'
import { openaiText } from '@tanstack/ai-openai'

export async function POST(request: Request) {
  const { messages } = await request.json()

  const stream = chat({
    adapter: openaiText('gpt-5.2'),
    messages,
  })

  return toServerSentEventsResponse(stream)
}
```

**系統架構與 Agent 開發**
為了處理生產環境中的複雜度，TanStack AI 引入了多項進階架構組件：
- 中介軟體（Middleware）：支援工具結果快取、內容遮蔽與 OpenTelemetry 追蹤。
- Code Mode：允許大型語言模型在安全沙盒中編寫並執行 TypeScript，透過單次呼叫完成複雜的邏輯流程。
- Host-side MCP：整合 Model Context Protocol，支援從零設定發現到自動生成端到端型別。
- Agentic 程式開發：提供實驗性的排程功能，包含生成器工作流、型別化 Agent 呼叫與人機協作流程。

**開放協定與除錯工具**
TanStack AI 採用開放的 AG-UI 協定，確保與主流 Agent 框架（如 Microsoft Agent Framework、LangGraph、CrewAI 等）的互通性。此外，為了提升開發透明度，提供了強大的除錯支援：
- 可插拔除錯日誌：透過 `debug: true` 旗標，即可監控整個管線的運作。
- 同構開發工具（Isomorphic Devtools）：提供專屬面板，讓開發者能同時觀察客戶端與伺服器端的模型行為。

**安裝與入門**
TanStack AI 透過嚴格的自動化測試（目前包含 265 項端到端測試，涵蓋 10 個 LLM 供應商）確保穩定性。開發者可透過以下指令開始使用：
```bash
pnpm add @tanstack/ai @tanstack/ai-react @tanstack/ai-openai
```
更多詳細資訊與功能比較，請參考 [TanStack AI 官方部落格](https://tanstack.com/blog/tanstack-ai-beta) 。

## 標籤

SDK, 新產品, 開源專案, AIGC, TanStack