isketch Templates Convert Format Open the editor

Chat app

6 shapes and 6 connections, sketched in isketch.

Open this template

Chat app connect join/leave member check send publish fan out Chat client React or Swift WebSocket gateway One connection per client, JWT auth Presence service Online users, typing state Rooms Membership and settings Message store Append-only, keyed by room Fan-out queue Delivers events to every member

The .flow source

The whole template as text: copy it, keep it in your repo, hand it to an agent.

examples/templates/chat-app.flow
title: Chat app
note: Realtime chat over websockets, with presence and history.

client = terminal "Chat client" -- React or Swift
ws = process "WebSocket gateway" -- One connection per client, JWT auth
presence = process "Presence service" -- Online users, typing state
rooms = database "Rooms" -- Membership and settings
history = database "Message store" -- Append-only, keyed by room
queue = data "Fan-out queue" -- Delivers events to every member

client -> ws : connect
ws -> presence : join/leave
ws -> rooms : member check
ws -> history : send
history -> queue : publish
queue -> ws : fan out