twitch-overlay-generation

What this skill does

# Twitch Overlay Generation

Generate professional streaming overlays and graphics using each::sense. This skill creates images optimized for Twitch, YouTube Gaming, and other streaming platforms.

## Features

- **Webcam Frames**: Custom borders and frames for webcam placement
- **Starting Soon Screens**: Countdown and pre-stream graphics
- **BRB Screens**: Be right back intermission graphics
- **Stream Ending Screens**: Outro and ending sequence graphics
- **Alert Graphics**: Follow, subscribe, donation, and raid alerts
- **Chat Box Frames**: Styled chat overlay containers
- **Twitch Panels**: Channel panel graphics for about, schedule, rules, etc.
- **Emotes**: Custom Twitch emotes for channel subscribers
- **Subscriber Badges**: Tiered loyalty badges for subscribers
- **Channel Banners**: Profile banners and offline screens

## Quick Start

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a cyberpunk themed webcam frame with neon purple and blue colors, futuristic tech elements, transparent center for the webcam"}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

## Streaming Overlay Formats & Sizes

| Asset Type | Size | Format | Use Case |
|------------|------|--------|----------|
| Webcam Frame | 1920x1080 | PNG (transparent) | Overlay on stream layout |
| Starting Soon | 1920x1080 | PNG/MP4 | Pre-stream display |
| BRB Screen | 1920x1080 | PNG/MP4 | Break screen |
| Stream Ending | 1920x1080 | PNG/MP4 | End of stream |
| Alert Graphics | 400x400 | PNG (transparent) | On-screen notifications |
| Chat Box Frame | 400x600 | PNG (transparent) | Chat overlay container |
| Twitch Panel | 320x160 | PNG | Channel info panels |
| Emote | 112x112, 56x56, 28x28 | PNG (transparent) | Chat emotes |
| Sub Badge | 72x72, 36x36, 18x18 | PNG (transparent) | Subscriber badges |
| Channel Banner | 1200x480 | PNG | Profile banner |
| Offline Screen | 1920x1080 | PNG | When stream is offline |

## Use Case Examples

### 1. Stream Overlay with Webcam Frame

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 1920x1080 stream overlay with a webcam frame in the bottom right corner. Gaming theme with dark purple and gold accents. Include decorative borders, transparent center for webcam, and space for recent events on the left side. Modern esports aesthetic."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

### 2. Starting Soon Screen

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 1920x1080 Starting Soon screen for a gaming stream. Neon synthwave theme with retro grid, glowing text area for STARTING SOON, animated feel with light rays and particles. Include space for social media handles at the bottom. Pink, purple, and cyan color scheme."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

### 3. BRB (Be Right Back) Screen

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 1920x1080 BRB screen for Twitch. Cozy lo-fi aesthetic with warm colors, include a cute animated coffee cup or snack visual. Text space for BE RIGHT BACK in stylized font. Soft lighting, relaxing vibes. Include subtle chat reminder at bottom."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

### 4. Stream Ending Screen

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 1920x1080 stream ending screen. Thanks for watching theme with space for STREAM ENDED or THANKS FOR WATCHING text. Include areas for social media icons/handles, next stream schedule, and a follow reminder. Dark elegant theme with gold accents and particle effects."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

### 5. Alert Graphics (Follow, Sub, Donation)

```bash
# Follow Alert
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 400x400 transparent PNG follow alert graphic for Twitch. Cute anime-style character celebrating with confetti and sparkles. Include a heart icon and space for NEW FOLLOWER text. Vibrant colors, kawaii aesthetic."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "alert-set-001",
    "mode": "max"
  }'

# Subscribe Alert (same session for consistency)
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a matching 400x400 subscribe alert. Same style as the follow alert but with a star icon and more elaborate celebration effects. Space for NEW SUB text."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "alert-set-001",
    "mode": "max"
  }'

# Donation Alert
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a matching 400x400 donation/tip alert. Same style with coin or money effects, extra sparkle and celebration. Space for donation amount text."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "alert-set-001",
    "mode": "max"
  }'
```

### 6. Chat Box Frame

```bash
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 400x600 transparent chat box frame overlay. Cyberpunk tech theme with glowing border edges, circuit board patterns. Mostly transparent center where chat will display. Include a small CHAT header area at top. Neon green and black color scheme."}],
    "model": "eachsense/beta",
    "stream": true,
    "mode": "max"
  }'
```

### 7. Twitch Panel Graphics

```bash
# About Panel
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a 320x160 Twitch panel graphic for an ABOUT ME section. Clean modern design with the text ABOUT ME. Dark background with gradient accent, gaming controller or headset icon. Professional streamer aesthetic."}],
    "model": "eachsense/beta",
    "stream": true,
    "session_id": "panel-set-001",
    "mode": "max"
  }'

# Schedule Panel
curl -X POST https://eachsense-agent.core.eachlabs.run/v1/chat/completions \
  -H "Content-Type: application/json" \
  -H "X-API-Key: $EACHLABS_API_KEY" \
  -H "Accept: text/event-stream" \
  -d '{
    "messages": [{"role": "user", "content": "Create a matching 320x160 SCHEDULE panel. Same style