So funktioniert es

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.

Ausprobieren – ohne Installation

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

Priya Nair10:38 AM
Before tomorrow's review — can someone sketch how checkout hands off to fulfillment? I keep losing track of where the order gets written.
Dana Okafor10:40 AM
+1, a diagram in this thread would save us 20 minutes of explaining.

↓Auf Senden klicken, um Arialine zu erwähnen

@Arialine draw checkout-review: Checkout API → Payment processor → Fulfillment worker → Orders database
01

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 + Beschreibung

    @Arialine create a checkout funnel with a retry queue and a DLQ after 3 tries

    +
    Sprich Aria, Arialine oder @arialine an: create a checkout funnel with a retry queue and DLQ after 3 tries
  • Erwähnung nach einer Diskussion

    Dana Okafor10:52 AM

    @Arialine turn this into a diagram
    14 repliesLast reply today at 10:51 AM
    @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
  • Mermaid einfügen

    Priya Nair9:14 AM

    @Arialine render this
    flowchart LR
      A[Checkout] --> B{Paid?}
      B -->|yes| C[Ship]
    @arialine gefolgt von eingefügtem Mermaid – Arialine prüft und rendert es
  • .mmd-Datei anhängen

    Sam Moreau2:03 PM

    @Arialine make this a boardMMDpayments.mmdMermaid
    @arialine mit einem .mmd/.mermaid-Anhang
  • Einfach eine .mmd-Datei teilen

    Sam Moreau2:03 PM

    MMDpayments.mmdMermaid

    ArialineAPP2:03 PM

    🟢 payments · v1 · built from payments.mmd
    Lege die Datei in einem Channel ab – Arialine erstellt automatisch ein Board (abschaltbar)
  • Shortcut „Render as diagram“

    Priya Nair9:20 AM

    Order service writes to Postgres, then publishes OrderCreated to Kafka.

    Arialine

    Render as diagram

    Render as canvas

    Nachricht mit der Maus überfahren bzw. lange drücken → More actions → Render as diagram
  • /arialine oder ‘New diagram’
    New diagram

    Post in channel

    # architecture

    Paste Mermaid or describe the diagram

    flowchart LR
      API --> Queue --> Worker
    CancelCreate
    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
02

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.

03

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.

04

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.

05

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).

06

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.

07

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.

08

Ü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.

09

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.