Repolode
TanStack

TanStack/ai

주요 LLM 제공자와 UI 프레임워크를 아우르는 스트리밍 채팅, 도구 호출, 에이전트, 멀티모달 앱용 타입 안전·제공자 독립형 TypeScript SDK입니다.

대체할 수 있는 제품:Vercel AI SDK

스타
3,339
포크
386
열린 이슈
35
마지막 커밋
10시간 전

어떤 프로젝트인가요?

TanStack AI는 웹 앱과 백엔드 서비스에 AI 기능을 구현하기 위한 TypeScript SDK입니다. 채팅, 이미지, 오디오, 비디오, 음성, 전사, 요약 등의 기능을 조합 가능한 활동으로 묶어 필요한 부분만 가져올 수 있습니다. OpenAI, Anthropic, Gemini, Ollama, Groq, OpenRouter, Cloudflare Workers AI, fal.ai 등을 위한 제공자 어댑터를 지원하며, 제공자를 간편하게 전환할 수 있도록 설계되었습니다.

SDK는 React, Solid, Vue, Svelte, Preact용 프레임워크 바인딩과 커스텀 런타임을 위한 헤드리스 클라이언트를 제공합니다. 도구는 공유 스키마를 사용해 한 번만 정의하면 되며, 입력 및 출력 타입을 일치시켜 서버나 클라이언트에서 실행할 수 있습니다. 구조화된 출력에는 JSON Schema, Zod, ArkType, Valibot 스키마를 사용할 수 있습니다.

프로젝트에는 실시간 음성 채팅, 모델이 격리된 샌드박스에서 TypeScript를 작성하고 실행하는 Code Mode 기능, 미들웨어 훅, devtools, OpenTelemetry 트레이싱도 포함되어 있습니다.

핵심 기능

  • 01타입이 지정된 메시지, 도구 호출, 추론 파트를 지원하는 스트리밍 채팅.
  • 02서버나 클라이언트 어디서든 실행할 수 있는 공유 도구 정의.
  • 03Zod, ArkType, Valibot 또는 JSON Schema로 검증하는 구조화된 출력.
  • 04OpenAI, Anthropic, Gemini 등을 포함한 다양한 제공자용 트리 셰이킹 가능한 어댑터.
  • 05React, Solid, Vue, Svelte, Preact용 프레임워크 훅.
  • 06메시지와 도구 호출을 살펴볼 수 있는 OpenTelemetry 트레이스 및 devtools.

활용 사례

  • React 또는 Vue 웹 앱에 스트리밍 AI 채팅 패널 추가.
  • 애플리케이션 데이터베이스를 조회하는 타입 지정 도구를 LLM에 제공.
  • 스키마를 사용해 모델 응답에서 타입이 지정된 JSON 추출.
  • 런타임에 모델을 전환할 수 있는 멀티 제공자 AI 백엔드 구축.

빠른 시작

  1. 1

    코어 패키지와 OpenAI 어댑터를 설치합니다

    pnpm add @tanstack/ai @tanstack/ai-openai
  2. 2

    chat 함수와 toServerSentEventsResponse를 사용해 스트리밍 채팅 엔드포인트를 추가합니다

사용 전 알아둘 점

  • 다양한 기능(실시간, Code Mode, 미디어 생성)은 범위가 넓어 핵심 채팅 기능보다 덜 성숙할 수 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

ai은(는) 무엇인가요?
주요 LLM 제공자와 UI 프레임워크를 아우르는 스트리밍 채팅, 도구 호출, 에이전트, 멀티모달 앱용 타입 안전·제공자 독립형 TypeScript SDK입니다. TanStack AI는 웹 앱과 백엔드 서비스에 AI 기능을 구현하기 위한 TypeScript SDK입니다. 채팅, 이미지, 오디오, 비디오, 음성, 전사, 요약 등의 기능을 조합 가능한 활동으로 묶어 필요한 부분만 가져올 수 있습니다. OpenAI, Anthropic, Gemini, Ollama, Groq, OpenRouter, Cloudflare Workers AI, fal.ai 등을 위한 제공자 어댑터를 지원하며, 제공자를 간편하게 전환할 수 있도록 설계되었습니다.
ai은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
ai은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
ai은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. ai의 마지막 커밋은 2026년 11월 7일입니다.
ai은(는) 어디에 사용할 수 있나요?
React 또는 Vue 웹 앱에 스트리밍 AI 채팅 패널 추가. 애플리케이션 데이터베이스를 조회하는 타입 지정 도구를 LLM에 제공. 스키마를 사용해 모델 응답에서 타입이 지정된 JSON 추출. 런타임에 모델을 전환할 수 있는 멀티 제공자 AI 백엔드 구축.
ai는 어떻게 설치하나요?
코어 패키지와 OpenAI 어댑터를 설치합니다: pnpm add @tanstack/ai @tanstack/ai-openai chat 함수와 toServerSentEventsResponse를 사용해 스트리밍 채팅 엔드포인트를 추가합니다
ai은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/TanStack/ai

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트