Streaming Playground

Watch AI responses stream in real-time. Adjust speed and see token metrics.

Model

System Prompt

Prompt

Sample Prompts

Temperature: 0.70

Low = focused, High = creative

Stream Speed: 50%

Higher = faster streaming

Metrics

Tokens

Time

0.0s

Tokens/sec

0.0

Status

Ready

Streamed Output

Click "Start Stream" to begin

Code Example

import { createStreamingResponse } from 'agent-tools-kit/streaming'

// API Route
export async function POST(req: Request) {
  const { messages } = await req.json()
  
  return createStreamingResponse({
    model: 'openai/gpt-5',
    messages,
    system: 'You are a helpful assistant.',
    onToken: (token) => console.log('Token:', token),
    onComplete: (text) => console.log('Done:', text),
  })
}

// Client Hook
const { text, isStreaming } = useStreamingText('/api/chat')