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.

主な機能

Advanced backpressure handling with the ReadableStream API
Exponential backoff and robust reconnection strategies
6 GitHub stars
Bidirectional WebSocket patterns for collaborative and chat applications
Server-Sent Events (SSE) implementation for LLM response streaming
Performance optimization including data compression and keep-alive heartbeats

ユースケース

Streaming ChatGPT-style AI responses in real-time interfaces
Building live financial data feeds and real-time analytics dashboards
Creating collaborative editing tools and multi-user chat applications

概要

主な機能

Advanced backpressure handling with the ReadableStream API
Exponential backoff and robust reconnection strategies
6 GitHub stars
Bidirectional WebSocket patterns for collaborative and chat applications
Server-Sent Events (SSE) implementation for LLM response streaming
Performance optimization including data compression and keep-alive heartbeats

ユースケース

Streaming ChatGPT-style AI responses in real-time interfaces
Building live financial data feeds and real-time analytics dashboards
Creating collaborative editing tools and multi-user chat applications