LIVE

Claude // on-screen avatar

OBS green screen

Claude idle

Auto vibe 🔊 Voice keys 1–5 switch moods · V = voice · G = green screen · O = OBS setup

🎥 Wire into OBS

⚡ Automatic — one click

Connects to OBS's built-in WebSocket server and drops a Claude Avatar browser source straight into your live scene. In OBS 28+ enable it once via Tools → WebSocket Server Settings → Enable.

Port Password

or manually

In OBS: Sources → + → Browser, name it Claude Avatar.
Paste this URL and set Width 1920 × Height 1080:

Done — the background renders transparent, so Claude floats right on top of your stream. No chroma key needed.
To poke the avatar live, right-click the source → Interact (keys 1–5 switch moods there).

URL knobs: ?obs=1 overlay mode · &bg=green chroma-key green instead of transparent · &mood=coding lock a mood · &auto=0 disable auto vibe · &voice=0 mute the voice