项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整
数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 3338
使用教程
ℹ 本教程由 AI 依据该项目 README 整理,个别步骤可能需要按你的环境微调。
环境要求
- Node.js 环境与包管理器(README 安装示例使用 pnpm)
- 一个已存在的 TypeScript / 前端工程,用于接入 SDK
- 选定的大模型提供商账号与 API Key(如 OpenAI、OpenRouter)
- 如需 React 聊天界面,需要一个 React 项目
安装与启动步骤
-
1安装核心包与适配器
安装核心包 @tanstack/ai 及你要用的提供商适配器,README 以 OpenAI 适配器为例。注意两者需要一起装。
pnpm add @tanstack/ai @tanstack/ai-openai -
2装 React 聊天 UI(可选)
如果要做 React 聊天界面,README 给出的组合是核心包、客户端、React 绑定加提供商包,一次性安装。
pnpm add @tanstack/ai @tanstack/ai-client @tanstack/ai-react @tanstack/ai-openai -
3改用 OpenRouter 接入
README 说明 OpenRouter 适合用一个 API Key 访问多家提供商,作为起步方案很合适,替换掉原来的提供商包即可。
pnpm add @tanstack/ai @tanstack/ai-openrouter -
4按需增加功能包
README 提到可只导入 chat,也可按需加图像、音频、视频、语音、转录、摘要、实时、Code Mode、devtools 和框架绑定,缺什么装什么。
-
5查阅官方文档接代码
README 未给出调用示例,仅提供文档入口,请到官网按所用提供商和框架的章节编写实际调用代码。
关键配置
| 配置项 | 必填 | 说明 | 示例 |
|---|---|---|---|
OPENROUTER_API_KEY | 否 | OpenRouter 单一密钥,可访问多家模型(变量名以官方文档为准) | sk-or-v1-xxxxxxxxxxxxxxxx |
如何确认成功
package.json 中出现 @tanstack/ai 依赖,代码里能正常 import;具体功能效果需按官方文档编写代码后验证。
常见问题
Q:到底该装哪个提供商包?
A:核心包 @tanstack/ai 必装,提供商包按需选择:用 OpenAI 装 @tanstack/ai-openai,想一个 Key 访问多家模型装 @tanstack/ai-openrouter。
Q:必须用 pnpm 吗?
A:README 只给出了 pnpm add 的示例命令,没有写其他包管理器,用别的包管理器请自行对照替换安装命令。
Q:React 项目要装哪些包?
A:README 给出的组合是 @tanstack/ai、@tanstack/ai-client、@tanstack/ai-react,再加一个提供商包如 @tanstack/ai-openai。
Q:安装完怎么真正用起来?
A:README 只提供安装命令和文档入口,没有代码示例,请打开 https://tanstack.com/ai 的文档按框架章节接入。
注意事项
- README 未提供 API Key 的具体环境变量名、端口和完整调用示例,请以官网文档为准。
- 包是按功能拆分的,可以只装 chat 相关,再按需要追加图像、语音、实时等能力。
- 项目处于成长阶段,接口可能随版本变化,建议锁版本并关注 releases。
核心亮点
- 类型安全:全程 TypeScript 类型推导,减少模型返回数据的类型错误。
- 供应商无关:统一接口,轻松切换 OpenAI、Anthropic、Gemini 等模型。
- 前端集成好:原生支持 React、Vue、Svelte、Solid,降低 UI 接入成本。
不足之处
- 项目较新,生态和文档仍在完善中。
- 高级功能(如复杂 Agent 编排)可能不如成熟框架丰富。
适用场景
- 需要快速构建支持多模型切换的聊天机器人。
- 在 React/Vue 等前端项目中集成流式 AI 对话功能。
- 开发需要工具调用或 Agent 能力的复杂 AI 应用。
替代项目
Vercel AI SDK、LangChain.js、ModelFusion
上一篇:open-mercato
下一篇:runprompt
同类项目推荐
haystack-core-integrations
开源
一键扩展 Haystack,接入各类数据库和模型服务
Additional packages (components, document stores and the likes) to extend the capabi···
nestia
开源
用 NestJS 快速构建类型安全 API 和 AI 聊天机器人
NestJS Helper + AI Chatbot Development
ComfyUI-ELLA
开源
在 ComfyUI 中一键接入 ELLA,让文生图更懂你的复杂提示
ELLA nodes for ComfyUI
mistral-haystack
开源
用 Mistral 模型快速搭建 RAG 管道,让 AI 应用更聪明。
Mistral + Haystack: build RAG pipelines that rock
arcade-mcp
开源
写个 Python 函数,就能变成智能体可调用的工具
MCP Server Framework and Tool Development library for building custom capabilities i···
CodeFuse-muAgent
开源
给Agent装上知识图谱大脑,让复杂任务推理更准更可信
An Innovative Agent Framework Driven by KG Engine
atomic-agents
开源
像搭积木一样,原子化构建你的 AI 代理
Building AI agents, atomically
agentsre-langchain
开源
给 LangChain Agent 装上监控与容错,让线上运行更稳
anthropic-sdk-java
开源
官方 Java 客户端,让 JVM 项目直接调用 Claude
