Chat First

Rewards whoever speaks first in your chat. Each platform has its own first chatter: the first person on Twitch, the first on YouTube and the first on Kick each get their spot, shown with their profile picture, their name and how many times they have been first.

Platforms: Twitch, YouTube, Kick

Action pack: needed — Backend keeps the first spots, the counts and whether the widget is shown, and sends the custom event; Get Profile Pic finds Twitch pictures. See Who needs what.

How it works

• One first per platform. Streamer.Bot's First Words event fires when someone writes their first message. The first of those on a platform takes that platform's spot; the others are ignored until the spot is free again.
• The spot stays taken until a reset. By default each platform frees its spot when your stream goes live there (see Automated controls). The spots are saved in Streamer.Bot, so reloading the browser source does not lose them.
• Every first is counted. Each new first adds 1 to the viewer's firstInChat user variable in Streamer.Bot. It is kept for good, and your own actions can read it — a !first command, for example.
• Places follow the order of arrival. Whoever spoke first is shown first, then the next, then the next — in a row, a column or on a podium.
• Only the overlay that runs the actions takes spots, counts and sends the custom event. Other overlays show what it saved, and a new first pops up there too. A single-widget URL never takes a spot. → Which overlay runs the actions

The page

The widget's page works like a small app:

• Settings, Style and Controls, the tabs over the editor, switch what it shows.
• The Settings tab holds every setting in the main area, under four headings. On the Controls tab, a column on the left lists the controls — Show, Hide and Clear —, the picked one's trigger list beside it, and the main area holds the manual controls. The custom event is explained on this page only.
• Widget preview, the panel against the window's right edge: the preview, the test buttons and the widget's own URL. The arrow at the top folds it to a slim rail. Drag its left edge to widen it, up to half the window; it keeps its width. Widget shows the widget in its position, cut from the canvas as your browser source draws it; On canvas, the whole canvas.

Settings

Display settings

With Stay on screen off and the podium on, a new first brings the whole podium back, with the earlier firsts in their places.

Viewer details

Platform details

Score settings

Both texts can use {platform} (the platform they were first on), {user} (their display name) and {count} (how many times they were first on that platform, this one included).

A tip box under them gives the score's Streamer.Bot variable, firstInChat, with a Copy button, to show it on the Viewer Cards too — see With the Viewer Cards.

Controls

What shows, hides and clears the widget is on the widget page's Controls tab, one row of its column each.

Automated controls

Three lists of Streamer.Bot triggers, each named like its button and picked like everywhere else in Stream UI — see Triggers.

Clear's default triggers:

A platform's trigger frees that platform's spot. Any other trigger — a command, an OBS event… — frees all of them. Add, change or remove triggers with Add trigger.

Manual controls

Buttons to act on your browser source by hand, right away — also in the controls window:

They need Streamer.Bot connected and the Backend action. A Clear button is greyed out when its spot is already free.

Hidden, the widget still takes the first spots and counts them; with Stay on screen off, none pops up until it is shown again. Once it has left, its room goes to the other widgets of its position.

Whether it is shown is kept in Streamer.Bot as streamUi.off.chatfirst.display (1 hidden): your own actions can show or hide the widget by setting that persisted global variable.

Style

Each element follows the overlay style field by field: a field you change on the Style tab is the widget's own, with a reset arrow beside it. Every platform can also have its own look: pick it in Style for, beside the Global styles / Custom switch. See Appearance.

Default position

Position Bottom right, as wide as the position, size 100 %. All of that is changed on the Overlay builder's Layout tab.

Streamer.Bot events it listens to

Plus the triggers you picked in Show, Hide and Clear.

Custom event

The widget sends a custom event to Streamer.Bot every time a new chat first is detected. Use it as an action trigger to create your own interactions: thank them in chat, play a sound, give them channel points…

In Streamer.Bot, the trigger is Custom › Stream UI › New First in Chat. It is added by the Stream UI - Backend action: after importing the actions again, restart Streamer.Bot so the trigger appears.

The viewers' profile pictures are saved as profilePic in their user variables. Get them from there if you need them.

With the Viewer Cards

The firstInChat count lives in Streamer.Bot, so the Viewer Cards can show it and unlock achievements with it.

• On the cards: add a score to a platform's Score list, switch on Manage in Streamer.bot and paste firstInChat in Variable name. The card shows the count as it is.
• For achievements and badges: pick the trigger User Global Variable Updated, type firstInChat in its User variable field, then add a condition on global.newValue — for example ≥ 10 for a badge after ten firsts.

The Viewer Cards read the viewer and the platform from the variable itself, so each platform's achievements follow that platform's count.