ai-core/custom-backend-integration

Official

Link useChat to custom SSE or HTTP backends

AuthorTanStack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers hook useChat into non-TanStack-AI backends by teaching how to bridge SSE, NDJSON, and custom protocol streams while handling auth, dynamic URLs, and request options that the default adapters do not cover.

Core Features & Use Cases

  • SSE streaming with auth: Use fetchServerSentEvents alongside custom headers, credentials, and fetch clients to connect chat widgets to SSE endpoints.
  • NDJSON streaming: Swap to fetchHttpStream when your backend emits newline-delimited JSON instead of text/event-stream while still leveraging dynamic URL and header resolution.
  • Custom adapters: Implement ConnectConnectionAdapter or SubscribeConnectionAdapter for WebSockets, gRPC-web, server functions, or other protocols and learn the error-recovery patterns around retries and abort signals.
  • Use Case: A team exposes a proprietary chat service that requires per-request tokens and emits chunks over a custom stream, so they apply these patterns to connect useChat safely with those headers and protocols.

Quick Start

Connect useChat through fetchServerSentEvents or fetchHttpStream to your API endpoint while passing dynamic auth headers so the chat can stream from your backend.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ai-core/custom-backend-integration
Download link: https://github.com/TanStack/ai/archive/main.zip#ai-core-custom-backend-integration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.