Ein Slack-Thread – das Diagramm, der Quelltext, die Begründung.
Arialine ist eine Slack-App. Du beschreibst ein System, Arialine zeichnet es. Sprich im Thread mit
@arialine, um es zu aktualisieren. Jede Änderung wird zu einer nummerierten Version mit einem Link zur Nachricht, die sie ausgelöst hat. Diese Seite zeigt den gesamten Ablauf.
Klick dich zuerst durch den ganzen Ablauf.
Erstelle ein Board, übernimm einen Vorschlag, mach ihn rückgängig und öffne die echte HTML-Datei – unten liest du dann, wie jeder Teil funktioniert.
# architecture
12 members · Arialine↓Auf Senden klicken, um Arialine zu erwähnen
↑Öffne bei Lees Nachricht „More actions“ → Render as canvas
Slack AI kann Arialine über den MCP-Server als Werkzeug nutzen.
↓Frag Slackbot – er ruft Arialine für dich auf
Erstellen
Ein Board auf sieben Wegen starten
Alle sieben führen zum selben Ergebnis: einer Root-Nachricht im Channel mit PNG-Vorschau, einer interaktiven .html-Datei und den Schaltflächen History, Branch und Export. Show source öffnest du über Export. Spätere Versionen erscheinen im Thread; das Entscheidungs-Ledger wird separat im Hintergrund veröffentlicht. Bei Slack Free bleibt es im Board-Thread und belegt nicht den Canvas-Tab des Channels.
- @Erwähnung + BeschreibungSprich Aria, Arialine oder @arialine an: create a checkout funnel with a retry queue and DLQ after 3 tries
@Arialine create a checkout funnel with a retry queue and a DLQ after 3 tries
+ - Erwähnung nach einer Diskussion@arialine turn this into a diagram – nutzt die relevante Diskussion der letzten 72 Stunden und fragt nach, welches Thema gemeint ist, wenn zwei gleich plausibel sind
Dana Okafor10:52 AM
@Arialine turn this into a diagram14 repliesLast reply today at 10:51 AM - Mermaid einfügen@arialine gefolgt von eingefügtem Mermaid – Arialine prüft und rendert es
Priya Nair9:14 AM
@Arialine render thisflowchart LR A[Checkout] --> B{Paid?} B -->|yes| C[Ship] - .mmd-Datei anhängen@arialine mit einem .mmd/.mermaid-Anhang
Sam Moreau2:03 PM
@Arialine make this a boardMMDpayments.mmdMermaid - Einfach eine .mmd-Datei teilenLege die Datei in einem Channel ab – Arialine erstellt automatisch ein Board (abschaltbar)
Sam Moreau2:03 PM
MMDpayments.mmdMermaid
ArialineAPP2:03 PM
🟢 payments · v1 · built from payments.mmd - Shortcut „Render as diagram“Nachricht mit der Maus überfahren bzw. lange drücken → More actions → Render as diagram
Priya Nair9:20 AM
Order service writes to Postgres, then publishes OrderCreated to Kafka.Arialine
Render as diagram
Render as canvas - /arialine oder ‘New diagram’Gib /arialine ein (oder ⚡-Menü → New diagram), füge dann Mermaid-Code ein oder beschreibe das Diagramm – gültiger Mermaid-Code wird ohne KI gerendert
New diagramPost in channel
# architecture
Paste Mermaid or describe the diagram
flowchart LR API --> Queue --> Worker
CancelCreate
Aufbau
Zwei Dateien an einer Anker-Nachricht
Arialine veröffentlicht zwei Dateien gemeinsam – eine interaktive .html und eine .png. Die .png ist die Vorschau, die du in Slack auf jedem Gerät siehst. Öffne die .html im Browser für Verschieben und Zoomen sowie die Bereiche Decisions, Source und History.
Die Root-Nachricht ist der Anker: Bei jeder Änderung werden ihre Dateien durch das neueste Rendering ersetzt, sodass ganz oben im Thread immer das aktuelle Diagramm steht. Die Versionsantworten darunter behalten jede frühere .png + .html, sobald sie abgelöst wurde – nichts geht verloren.
Bearbeiten
Sprich im Thread mit @arialine
Sprich Aria, Arialine oder
@arialine an und sag „füge eine Caching-Schicht zwischen Gateway und Datenbank hinzu“ oder „entferne den SMS-Schritt“. Arialine schreibt das Mermaid neu, rendert es, ersetzt die Dateien an der Root-Nachricht und antwortet mit einer einzeiligen Versionsnachricht: v2 — added Redis caching layer — by @you, mit den Schaltflächen ↩︎ Undo this change und ⏪ Rewind to here.
Du kannst auch mit 📌 auf eine beliebige Nachricht reagieren, um sie als Änderung vorzuschlagen. Arialine liest die markierte Nachricht im Kontext der Unterhaltung und veröffentlicht dann eine Karte mit Apply, Edit proposal und Dismiss.
Versionen
Eine Änderung rückgängig machen oder das ganze Board zurückspulen
Der Verlauf ist additiv. Auch das Rückgängigmachen einer Änderung oder das Zurückspulen auf eine frühere Version ist eine neue, nachverfolgte Version. Nichts wird überschrieben – Audits und Retrospektiven stimmen immer mit der Realität überein.
Frag im Thread „Warum gibt es eine Dead-Letter-Queue?“ und Arialine antwortet aus dem Entscheidungsprotokoll – mit Zitat, Autor und Link zur ursprünglichen Slack-Nachricht.
Branch & Brainstorming
Alternativen erkunden, ohne das Original anzutasten
Klicke an der Root-Nachricht auf Branch (oder sag @arialine branch this at v3 called experiment), um eine beliebige Version in ein neues Board abzuzweigen. Der Branch hat einen eigenen Thread und ein eigenes Entscheidungs-Ledger und verweist auf die Ausgangsversion.
Erwähne @arialine brainstorm … oder bitte Arialine ausdrücklich um Ideen. Es entstehen 2–3 alternative Varianten des aktuellen Diagramms – jeweils als Vorschau mit zwei Schaltflächen: Adopt to this board (ersetzt das aktuelle Diagramm als neue Version) oder Branch to new board (lässt das Original unverändert).
Ledger
Ein Slack-Canvas, der festhält, warum das Diagramm so aussieht
Wo Slack es zulässt, erhält jedes Board einen Ledger-Canvas mit zwei Abschnitten. Timeline listet alle Versionen, die neueste zuerst, jeweils mit dem gerenderten Diagramm. Decisions ist das Protokoll: was sich geändert hat, wer entschieden hat und ein Link zu jeder Quellnachricht. Bei Slack Free wird dasselbe Ledger als Nachricht im Board-Thread geführt.
Das Ledger ist das Archiv, die HTML-Datei das Diagramm zum Erkunden. Zusammen beantworten sie „Wie sieht es heute aus?“ und „Wie sind wir hierhergekommen?“ – auch für alle, die in sechs Monaten ins Team kommen.
Markdown zu Canvas
Teile eine .md-Datei – erhalte einen nativen Slack-Canvas mit gerendertem Mermaid
Slack rendert kein Markdown in Nachrichten, und hochgeladene .md-Dateien erscheinen als reine Snippets. Arialine wandelt eine geteilte .md in einen echten Slack-Canvas um – mit Überschriften, Listen und Tabellen –, und jeder mermaid-Codeblock wird zu einem eingebetteten Diagrammbild. Ein Dokument, vollständig lesbar in Slack.
Überall platzieren
Ein Diagramm auf jeden Canvas legen, den dein Team ohnehin liest
Bitte Arialine, die aktuelle Version eines Boards an einen Slack-Canvas anzuhängen, auf den es Zugriff hat – ein Projektdokument, einen Channel-Canvas, einen Meeting-Canvas. Arialine rendert die neueste Version, lädt sie hoch und bettet sie am Ende des Canvas ein.
Slack AI (MCP)
Arialine über den integrierten Slack-Assistenten steuern
Arialine stellt einen Model-Context-Protocol-Server bereit, sodass Slackbot deine Boards in deinem Auftrag erstellen, bearbeiten, abzweigen und abfragen kann. Sag „mach mit Arialine ein Diagramm aus dieser Diskussion“ – Slackbot ruft das passende Werkzeug auf, Arialine veröffentlicht das Board, und das Ledger hält fest, wer gefragt hat.
Du willst die ausführliche Anleitung?
Die Dokumentation behandelt jeden Shortcut, jeden Slash-Befehl und jede Admin-Einstellung.
Nimm Arialine in deine nächste Design-Diskussion mit.
Mit einem Klick installieren. Starte in einem einzelnen Channel: Arialine arbeitet nur dort, wo du es einlädst, und bleibt standardmäßig möglichst unaufdringlich.

