Jak to działa

Jeden wątek w Slacku — diagram, kod źródłowy i uzasadnienie.

Arialine to aplikacja dla Slacka. Opisujesz system, a Arialine go rysuje. Pisz do @arialine w wątku, aby go zaktualizować. Każda zmiana to numerowana wersja z linkiem do wiadomości, która ją wywołała. Ta strona pokazuje cały proces.

Wypróbuj — bez instalacji

Najpierw przejdź cały proces samodzielnie.

Utwórz tablicę, zastosuj propozycję, cofnij ją i otwórz prawdziwy plik HTML — a poniżej przeczytaj, jak działa każda część.

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

↓Kliknij „Wyślij”, aby oznaczyć Arialine

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

Tworzenie

Siedem sposobów na nową tablicę

Każdy z nich daje ten sam efekt: wiadomość główną na kanale z podglądem PNG, interaktywnym plikiem .html oraz przyciskami History, Branch i Export. Show source otworzysz przez Export. Kolejne wersje pojawiają się w wątku; rejestr decyzji publikowany jest osobno w tle. W Slack Free zostaje w wątku tablicy i nie zajmuje karty Canvas kanału.

  • @wzmianka + opis

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

    +
    Zwróć się do Aria, Arialine lub @arialine: create a checkout funnel with a retry queue and DLQ after 3 tries
  • Wzmianka po dyskusji

    Dana Okafor10:52 AM

    @Arialine turn this into a diagram
    14 repliesLast reply today at 10:51 AM
    @arialine turn this into a diagram — korzysta z odpowiedniej dyskusji z ostatnich 72 godzin i pyta, o który temat chodzi, gdy dwa są równie prawdopodobne
  • Wklej Mermaid

    Priya Nair9:14 AM

    @Arialine render this
    flowchart LR
      A[Checkout] --> B{Paid?}
      B -->|yes| C[Ship]
    @arialine i wklejony kod Mermaid — Arialine sprawdza go i renderuje
  • Dołącz plik .mmd

    Sam Moreau2:03 PM

    @Arialine make this a boardMMDpayments.mmdMermaid
    @arialine z załącznikiem .mmd/.mermaid
  • Po prostu udostępnij plik .mmd

    Sam Moreau2:03 PM

    MMDpayments.mmdMermaid

    ArialineAPP2:03 PM

    🟢 payments · v1 · built from payments.mmd
    Wrzuć plik na kanał — Arialine sam zbuduje tablicę (można wyłączyć)
  • Skrót „Render as diagram”

    Priya Nair9:20 AM

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

    Arialine

    Render as diagram

    Render as canvas

    Najedź na wiadomość lub przytrzymaj ją → More actions → Render as diagram
  • /arialine lub ‘New diagram’
    New diagram

    Post in channel

    # architecture

    Paste Mermaid or describe the diagram

    flowchart LR
      API --> Queue --> Worker
    CancelCreate
    Wpisz /arialine (lub menu ⚡ → New diagram), a potem wklej Mermaid albo opisz diagram — poprawny Mermaid jest renderowany bez AI
02

Budowa

Dwa pliki w jednej wiadomości-kotwicy

Arialine publikuje razem dwa pliki — interaktywny .html i .png. .png to podgląd widoczny w Slacku na każdym urządzeniu. Otwórz .html w przeglądarce, aby przesuwać i powiększać diagram oraz korzystać z paneli Decisions, Source i History.

Wiadomość główna to kotwica: przy każdej zmianie jej pliki są podmieniane na najnowszy render, więc na górze wątku zawsze widać aktualny diagram. Odpowiedzi z wersjami poniżej przechowują każdą wcześniejszą parę .png + .html — nic nie ginie.

03

Edytuj

Pisz do @arialine w wątku

Zwróć się do Aria, Arialine lub @arialine i napisz „dodaj warstwę cache między bramą a bazą danych” albo „usuń krok z SMS-em”. Arialine przepisuje Mermaid, renderuje go, podmienia pliki w wiadomości głównej i odpowiada jednolinijkową wiadomością z wersją: v2 — added Redis caching layer — by @you z przyciskami ↩︎ Undo this change i ⏪ Rewind to here.

Możesz też zareagować 📌 na dowolną wiadomość, aby zaproponować ją jako zmianę. Arialine czyta oznaczoną wiadomość w kontekście rozmowy i publikuje kartę z przyciskami Apply, Edit proposal i Dismiss.

04

Wersje

Cofnij jedną zmianę albo całą tablicę

Historia jest przyrostowa. Cofnięcie jednej zmiany lub powrót do wcześniejszej wersji to także nowa, śledzona wersja. Nic nie jest nadpisywane, więc audyty i retrospektywy zawsze zgadzają się z rzeczywistością.

Zapytaj w wątku „po co jest tu kolejka dead-letter?”, a Arialine odpowie na podstawie rejestru decyzji — cytując wiadomość, wskazując autora i linkując do oryginalnego wpisu w Slacku.

05

Gałęzie i burza mózgów

Sprawdzaj alternatywy bez ruszania oryginału

Kliknij Branch w wiadomości głównej (lub napisz @arialine branch this at v3 called experiment), aby odgałęzić dowolną wersję do nowej tablicy. Gałąź ma własny wątek i rejestr decyzji oraz link do wersji źródłowej.

Napisz @arialine brainstorm … albo wprost poproś Arialine o pomysły. Powstaną 2–3 alternatywne warianty bieżącego diagramu — każdy jako podgląd z dwoma przyciskami: Adopt to this board (zastępuje bieżący diagram nową wersją) lub Branch to new board (oryginał zostaje bez zmian).

06

Rejestr

Canvas w Slacku, który wyjaśnia, dlaczego diagram wygląda tak, a nie inaczej

Tam, gdzie Slack na to pozwala, każda tablica dostaje Canvas z rejestrem w dwóch sekcjach. Timeline pokazuje wszystkie wersje od najnowszej, każdą z wyrenderowanym diagramem. Decisions to dziennik: co się zmieniło, kto zdecydował i link do każdej wiadomości źródłowej. W Slack Free ten sam rejestr jest prowadzony jako wiadomość w wątku tablicy.

Rejestr to archiwum, a plik HTML to diagram do eksplorowania. Razem odpowiadają na pytania „jak to wygląda dziś?” i „jak do tego doszliśmy?” — także dla osób, które dołączą do zespołu za pół roku.

07

Markdown do Canvas

Udostępnij plik .md — otrzymasz natywny Canvas w Slacku z wyrenderowanym Mermaid

Slack nie renderuje Markdownu w wiadomościach, a przesłane pliki .md wyświetla jako zwykły tekst. Arialine zamienia udostępniony .md w pełnoprawny Canvas — z nagłówkami, listami i tabelami — a każdy blok kodu mermaid staje się osadzonym obrazem diagramu. Jeden dokument, w pełni czytelny w Slacku.

08

Osadzaj wszędzie

Wstaw diagram do dowolnego Canvas, który zespół już czyta

Poproś Arialine o dołączenie bieżącej wersji tablicy do dowolnego dostępnego dla niego Canvas w Slacku — dokumentu projektu, Canvas kanału lub spotkania. Arialine renderuje najnowszą wersję, przesyła ją i osadza na końcu Canvas.

09

Slack AI (MCP)

Steruj Arialine przez wbudowanego asystenta Slacka

Arialine udostępnia serwer Model Context Protocol, dzięki czemu Slackbot może w Twoim imieniu tworzyć, edytować, rozgałęziać i przeglądać tablice. Poproś „zamień tę dyskusję w diagram za pomocą Arialine” — Slackbot wywoła właściwe narzędzie, Arialine opublikuje tablicę, a rejestr zapisze, kto o to prosił.

Chcesz pełny przewodnik?

Dokumentacja opisuje każdy skrót, każde polecenie slash i każde ustawienie administratora.

Dodaj Arialine do następnej dyskusji projektowej.

Zainstaluj jednym kliknięciem. Zacznij od jednego kanału — Arialine działa tylko tam, gdzie go zaprosisz, i domyślnie pozostaje dyskretny.