whatisgithub

What is sideshow?

modem-dev/sideshow — explained in plain English

Analysis updated 2026-05-18

52TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

In one sentence

A viewer server that lets terminal-based AI coding agents publish diagrams and sketches to a live browser tab.

Mindmap

mindmap
  root((repo))
    What it does
      Publish HTML snippets
      Live browser viewer
      Comment and reply loop
    Tech stack
      Node server
      MCP integration
      Cloudflare Workers
    Use cases
      Agent diagrams
      UI sketch review
    Audience
      Developers using AI agents

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Let a terminal AI coding agent show you a diagram or UI sketch while it works.

USE CASE 2

Leave comments on an agent's visual output and get a revised version back.

USE CASE 3

Review a history of past versions of a snippet an agent published.

USE CASE 4

Access the agent's visual output from your phone by deploying to Cloudflare Workers.

What is it built with?

Node.jsTypeScriptMCPCloudflare Workers

How does it compare?

modem-dev/sideshowye-yellow/bytedanceliveauctionialexvilelabah/bah-browser
Stars525251
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardeasy
Complexity2/54/52/5
Audiencedeveloperdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Runs with a single Node command, needs Node 22.18 or newer.

MIT license: use, copy, and modify freely, including commercially, as long as the copyright notice is kept.

So what is it?

Sideshow is a small server plus browser viewer designed to give AI coding agents a way to show you visual content while they work. Terminal-based coding agents normally communicate in plain text, but they sometimes need to share things like diagrams, UI sketches, or charts. Sideshow gives them a place to publish those as HTML fragments that appear live in a browser tab you keep open on the side. The basic loop works like this: an agent publishes a snippet, it appears instantly in your browser, you can type a comment under it, and the agent picks up that comment and can reply or revise the snippet. The viewer shows a sidebar of sessions (one per agent conversation) and a comment thread under each snippet. Old versions of a snippet stay viewable so you can see how it changed. Agents connect to Sideshow in three ways. The simplest is shell commands: the agent runs a short command to publish a file, then waits for your response. The second is MCP (a protocol that lets AI tools call external services), which gives the agent structured tools like publish, update, wait for feedback, and reply. The third is plain HTTP requests, documented at a local guide page. Any agent with shell access can use the first approach without any special setup. For local use you run the server with one Node command and it opens the viewer on your browser automatically. You then paste a one-line setup instruction into a file in your project so the agent knows how to use it. There is also an option to deploy to Cloudflare Workers if you want the viewer accessible from your phone or if the agent runs on a different machine than your browser. The project is MIT-licensed and requires Node 22.18 or newer.

Copy-paste prompts

Prompt 1
Explain the three ways an agent can connect to Sideshow.
Prompt 2
Walk me through the publish, comment, and reply loop this tool enables.
Prompt 3
Help me set up Sideshow so my coding agent can show me diagrams as it works.
Prompt 4
Show me how to deploy the Sideshow viewer to Cloudflare Workers.

Frequently asked questions

What is sideshow?

A viewer server that lets terminal-based AI coding agents publish diagrams and sketches to a live browser tab.

What language is sideshow written in?

Mainly TypeScript. The stack also includes Node.js, TypeScript, MCP.

What license does sideshow use?

MIT license: use, copy, and modify freely, including commercially, as long as the copyright notice is kept.

How hard is sideshow to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is sideshow for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.