ai-core/custom-backend-integration
OfficialLink 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.