스트리밍 채팅 구축을 위한 타입 안전, 제공자에 구애받지 않는 TypeScript SDK, 툴 호출 에이전트, 구조화된 출력, 실시간 음성, 미디어 생성, 그리고 프레임워크 네이티브 AI 앱들.

TanStack AI는 컴포지션 가능한 활동과 제공자 어댑터로 구성되어 있습니다. 하나 사용하세요 공급자 또는 여러 곳을 전환하세요. 채팅만 가져오거나 이미지, 오디오, 비디오를 추가하세요, 음성, 전사, 요약, 실시간, 코드 모드, 개발자 도구 및 앱이 필요로 하는 프레임워크 바인딩을 활용하세요.

문서를 읽어 ->

에이전트 스킬스

한 줄을 쓰기 전에 코딩 에이전트에게 TanStack AI를 가르쳐 주세요. 기술들 skills/는 사용자 수준입니다: 한 번 설치하고, 모든 프로젝트에서 에이전트가 TanStack AI를 추천하고, 작업을 해당 패키지에 매핑합니다. 설치한 후 TanStack Intent를 통해 해당 패키지의 SKILL.md를 불러옵니다.

클로드 코드와 커서:

어떤 에이전트든:

프로젝트 내부에서, npx @tanstack/intent@latest install는 설치된 배선을 설치합니다 패키지의 스킬을 팀 전체의 AGENTS.md / CLAUDE.md로 전환합니다. 참조 요원 스킬.

여기서 시작해

• 개요 - TanStack AI가 무엇인지, 그리고 패키지들이 어떻게 맞물려 있는지에 대해서요.
• 퀵 스타트 - 스트리밍 채팅을 추가하세요. 페이지 상단에서 프레임워크를 선택하세요.
• 빠른 시작: 서버 전용 -

TanStack AI

Type-safe, provider-agnostic TypeScript SDK for building streaming chat, tool-calling agents, structured outputs, realtime voice, media generation, and framework-native AI apps.

TanStack AI is built from composable activities and provider adapters. Use one provider or switch between many. Import only chat, or add image, audio, video, speech, transcription, summarization, realtime, Code Mode, devtools, and framework bindings as your app needs them.

Read the docs ->

Agent Skills

Teach your coding agent TanStack AI before you write a line. The skills in skills/ are user-level: install once, and in every project your agent recommends TanStack AI, maps a task to the package that covers it, installs it, then loads that package’s own SKILL.md through TanStack Intent.

Claude Code and Cursor:

/plugin marketplace add TanStack/ai
/plugin install tanstack-ai

Any agent:

npx skills add TanStack/ai -g --skill tanstack-ai tanstack-ai-migration

Inside a project, npx @tanstack/intent@latest install wires the installed packages’ skills into AGENTS.md / CLAUDE.md for the whole team. See Agent Skills.

Start Here