工作原理

一个 Slack 消息列——图表、源码和决策依据都在这里。

Arialine 是一款 Slack 应用。你描述系统,它来绘制。在消息列中与 @arialine 对话即可更新。每次修改都会成为一个带编号的版本,并链接到引发该修改的那条消息。本页将完整演示整个流程。

免安装试用

先亲手走一遍完整流程。

创建看板、应用提议、再撤销,并打开真实的 HTML 文件——然后在下方了解每个环节的原理。

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

↓点击发送即可 @ 提及 Arialine

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

创建

七种方式创建看板

七种方式的结果相同:频道中的一条根消息,包含 PNG 预览、可交互的 .html 文件,以及 History、Branch 和 Export 控件。通过 Export 打开 Show source。后续版本出现在消息列中;决策日志在后台单独发布。在 Slack Free 上,它保留在看板消息列中,不会占用频道的 Canvas 标签页。

  • @提及 + 描述

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

    +
    称呼 Aria、Arialine 或 @arialine:create a checkout funnel with a retry queue and DLQ after 3 tries
  • 讨论后提及

    Dana Okafor10:52 AM

    @Arialine turn this into a diagram
    14 repliesLast reply today at 10:51 AM
    @arialine turn this into a diagram——使用最近 72 小时内相关的讨论;如果两个话题同样可能,会询问你指的是哪一个
  • 粘贴 Mermaid

    Priya Nair9:14 AM

    @Arialine render this
    flowchart LR
      A[Checkout] --> B{Paid?}
      B -->|yes| C[Ship]
    @arialine 后接粘贴的 Mermaid——Arialine 会校验并渲染
  • 附加 .mmd 文件

    Sam Moreau2:03 PM

    @Arialine make this a boardMMDpayments.mmdMermaid
    @arialine 并附上 .mmd/.mermaid 文件
  • 直接分享 .mmd 文件

    Sam Moreau2:03 PM

    MMDpayments.mmdMermaid

    ArialineAPP2:03 PM

    🟢 payments · v1 · built from payments.mmd
    把文件拖进频道——Arialine 自动创建看板(可关闭)
  • “Render as diagram”快捷方式

    Priya Nair9:20 AM

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

    Arialine

    Render as diagram

    Render as canvas

    悬停或长按消息 → More actions → Render as diagram
  • /arialine 或 ‘New diagram’
    New diagram

    Post in channel

    # architecture

    Paste Mermaid or describe the diagram

    flowchart LR
      API --> Queue --> Worker
    CancelCreate
    输入 /arialine(或 ⚡ 菜单 → New diagram),然后粘贴 Mermaid 或描述图表——有效的 Mermaid 无需 AI 即可渲染
02

结构

一条锚点消息上的两个文件

Arialine 会同时发布两个文件——可交互的 .html 和 .png。.png 是你在任何设备的 Slack 中看到的预览。在浏览器中打开 .html,即可平移缩放,并使用 Decisions、Source 和 History 面板。

根消息是锚点:每次修改后,它的文件都会替换为最新渲染,因此消息列顶部始终是当前图表。下方的版本回复保存了每一份被取代的 .png + .html——什么都不会丢失。

03

Edit

在消息列中与 @arialine 对话

称呼 Aria、Arialine 或 @arialine,然后说 “在网关和数据库之间加一层缓存” 或 “去掉短信步骤”。Arialine 会改写 Mermaid 并重新渲染,替换根消息上的文件,再发布一行版本回复:v2 — added Redis caching layer — by @you,附带 ↩︎ Undo this change 和 ⏪ Rewind to here 按钮。

你也可以对任意消息添加 📌 回应,把它提议为一项修改。Arialine 会结合上下文阅读这条消息,然后发布一张带有 Apply、Edit proposal 和 Dismiss 的卡片。

04

版本

撤销单项修改,或回退整个看板

历史是追加式的。撤销某项修改或回退到早期版本,本身也会成为一个新的被记录的版本。任何内容都不会被覆盖,因此审计和复盘始终与实际一致。

在消息列里问 “为什么这里有死信队列?”,Arialine 会根据决策日志回答——引用原消息、注明是谁说的,并附上原始 Slack 消息的链接。

05

分支与头脑风暴

探索替代方案,而不影响原图

点击根消息上的 Branch(或说 @arialine branch this at v3 called experiment),即可把任意版本分叉为一个全新的看板。分支拥有自己的消息列和决策日志,并链接回源版本。

提及 @arialine brainstorm …,或明确请 Arialine 帮忙出主意。它会针对当前图表给出 2–3 个替代方案——每个都以预览呈现,并附两个按钮:Adopt to this board(作为新版本替换当前图表)或 Branch to new board(保持原图不变)。

06

决策日志

一个记录图表为何如此的 Slack Canvas

在 Slack 允许的情况下,每个看板都会有一个包含两部分的决策日志 Canvas。Timeline 按从新到旧列出每个版本及其渲染图。Decisions 是日志:改了什么、谁做的决定,以及每条来源消息的链接。在 Slack Free 上,同样的日志会以消息形式保存在看板消息列中。

决策日志是存档,HTML 文件是可以探索的图表。两者结合,既回答“它现在是什么样?”,也回答“我们是怎么走到这一步的?”——哪怕是半年后才加入团队的人也能看懂。

07

Markdown 转 Canvas

分享 .md 文件——得到原生 Slack Canvas,Mermaid 自动渲染

Slack 不会在消息中渲染 Markdown,上传的 .md 文件只显示为纯文本片段。Arialine 会把分享的 .md 转换为真正的 Slack Canvas——保留标题、列表和表格——其中每个 mermaid 代码块都会变成嵌入的图表图片。一份文档,在 Slack 中完整可读。

08

随处嵌入

把图表放进团队常看的任意 Canvas

让 Arialine 把看板的当前版本追加到它有权访问的任意 Slack Canvas——项目文档、频道 Canvas 或会议 Canvas。Arialine 会渲染最新版本、上传,并嵌入到 Canvas 末尾。

09

Slack AI (MCP)

通过 Slack 内置助手操作 Arialine

Arialine 提供 Model Context Protocol 服务器,Slackbot 可以代你创建、编辑、分支和查询看板。只需说 “用 Arialine 把这段讨论画成图表”——Slackbot 会调用合适的工具,Arialine 发布看板,决策日志会记录是谁提出的请求。

想看完整教程?

文档涵盖每个快捷方式、每条斜杠命令和每项管理员设置。

把 Arialine 带进你的下一次设计讨论。

一键安装。从一个频道开始:Arialine 只会在你邀请它的地方参与,默认设置也尽量减少打扰。