How does the skill handle connection interruptions?

It includes a ReconnectingEventSource pattern that uses exponential backoff to automatically restore connections while preventing server hammering during outages.

Can these patterns be used with Next.js?

Absolutely. The patterns are designed to work seamlessly with modern frameworks like Next.js, using Route Handlers and standard Web APIs.

Does this skill include patterns for AI chat streaming?

Yes, it provides specific implementations for streaming OpenAI-style completions using ReadableStream and Server-Sent Events for a 'typing' effect.

Is backpressure handling included in the patterns?

Yes, the skill leverages the ReadableStream API to implement flow control, ensuring that data production matches the consumer's pace to prevent memory issues.

When should I use SSE vs WebSockets with this skill?

Use SSE for one-way server-to-client streaming, such as LLM responses or notifications. Use WebSockets when you need full-duplex, bidirectional communication like in chat apps or collaborative editors.

Streaming API Patterns

Name: Streaming API Patterns
Author: ArieGoldkin

byArieGoldkin

•

API 开发

Implements robust real-time data streaming patterns using SSE, WebSockets, and the Streams API for high-performance applications.

This skill provides production-ready patterns for real-time communication, specializing in Server-Sent Events (SSE) for LLM streaming and WebSockets for bidirectional data flow. It equips developers with best-practice implementations for handling backpressure, exponential backoff reconnection strategies, and efficient buffer management. Whether you are building AI chat interfaces, live financial dashboards, or collaborative tools, this skill ensures your streaming architecture is resilient and optimized for 2025+ web standards.

主要功能

01Advanced backpressure handling with the ReadableStream API

02Exponential backoff and robust reconnection strategies

036 GitHub stars

04Bidirectional WebSocket patterns for collaborative and chat applications

05Server-Sent Events (SSE) implementation for LLM response streaming

06Performance optimization including data compression and keep-alive heartbeats

使用场景

01Streaming ChatGPT-style AI responses in real-time interfaces

02Building live financial data feeds and real-time analytics dashboards

03Creating collaborative editing tools and multi-user chat applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ariegoldkin/ai-agent-hub streaming-api-patterns

For use in Claude.ai and ChatGPT

Download Skill