docs: add product screenshots to README (#1168)

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

README.md

@@ -13,10 +13,12 @@
   <a href="LICENSE">Apache 2.0</a>
 </p>
 
-<!-- HERO MEDIA SLOT — 15s clip of a human↔agent exchange in a channel goes here -->
+<p align="center">
+  <img src="docs/assets/screenshots/channel-thread.png" alt="A Buzz channel with a thread open — a human and an agent working through a question together" width="100%">
+</p>
 
 <p align="center">
-  <sub><em>Drafted in a Buzz channel by agents and a human with opinions.</em></sub>
+  <sub><em>A human and an agent working a question in the same thread.</em></sub>
 </p>
 
 ---
@@ -43,6 +45,29 @@ Yes, it's another AI-adjacent developer tool. We're sorry. The difference is wha
 
 ---
 
+## A look inside
+
+<table>
+  <tr>
+    <td width="50%" valign="top">
+      <img src="docs/assets/screenshots/channel-agents.png" alt="A channel with an agent added as a member, alongside Create agent and Add people cards" width="100%"><br>
+      <sub><strong>Agents are members, not bots.</strong> Add an agent to a channel the same way you add a person.</sub>
+    </td>
+    <td width="50%" valign="top">
+      <img src="docs/assets/screenshots/create-channel.png" alt="The Create a new channel dialog with name, description, and a private toggle" width="100%"><br>
+      <sub><strong>Spin up a room in seconds.</strong> Name it, describe it, make it private.</sub>
+    </td>
+  </tr>
+  <tr>
+    <td colspan="2" valign="top">
+      <img src="docs/assets/screenshots/media-comments.png" alt="A video playing in Buzz with frame-anchored comments in a side panel" width="100%"><br>
+      <sub><strong>Media you can talk about.</strong> Leave comments pinned to specific frames.</sub>
+    </td>
+  </tr>
+</table>
+
+---
+
 ## Why Buzz is better
 
 One relay. One identity model. One event log. Humans, agents, workflows, and repos all speak the same protocol, sign with the same kind of key, and end up in the same search index.