移动端的 Archyl:把你的架构握在手中
架构文档历来都是桌面上的活儿。大幅图表、密集的表格、一张需要 27 英寸显示器才看得明白的依赖关系图。所以当有人在 Slack 上戳你 — “等等,checkout 服务是直接和 ledger 通信的吗?” — 而你正在火车上时,你只能回一句“等我回到笔记本前再看”。
现在不必了。从今天起,整个 Archyl 应用都能在你的手机上运行。
不是功能阉割的伴侣 App,不是只读的查看器。同一个 Archyl、同一个账号、同样的数据 — 每一个界面都被重新设计,以适配你单手握持的屏幕。

最难的部分:手机上的 C4 画布
交互式架构图大概是你最不会指望能在手机上跑起来的东西。节点、连线、四级缩放、详情面板。我们没有把它缩小 — 而是重新思考了你该如何用手指去触碰它。
- 平移和捏合真正的图。 这是真实的 React Flow 画布,不是截图。在你的系统、容器和组件之间随意拖动。
- 可横向滚动的层级面包屑。 System Context → Containers → Components → Code 安放在一条可横向滚动的玻璃质感栏中,即便屏幕很窄,最深的层级也始终只需一次轻点即可抵达。
- 双击深入。 轻点节点即可选中;双击则下钻到下一个 C4 层级 — 相当于桌面端双击的触控版本。
- 轻点弹出居中的详情面板。 不再是挤在右侧边缘的面板,元素详情(描述、负责人、ADR、文档、API 契约)会以一张为拇指尺寸设计的居中卡片打开。
- 小地图自动让位。 在移动端,小地图会自动隐藏,把整块屏幕留给图本身。
适配你拇指的导航
侧边栏变成一个从左侧滑入的抽屉 — 组织切换器、团队切换器,以及归整成整洁手风琴的导航,让你再也不用滑过二十个条目才能找到你的项目。
项目头部也重新赢回了空间:操作按钮收缩为图标,所有分区标签 — Diagram、List、Decisions、Docs、API Contracts、Releases 等等 — 折叠进单个下拉菜单。项目名称和它的成熟度评级有自己独立的紧凑一行,于是你始终清楚自己在看什么、它有多健康。
每个界面都会重排
这不是一页的活儿。我们一屏一屏地过了一遍:
- Deployments — 部署矩阵过去在手机上需要横向滚动。现在它重排成清爽的按应用卡片,每个环境以网格排列,漂移(drift)以琥珀色标记。
- Decisions (ADR) — 列表中的每一行都给标题单独一行,让它不再被截成“Cho…”,状态、日期和链接在下方整齐换行。
- Insights — 严重程度计数器(Critical / High / Medium / Low)重排成宽敞的 2×2 网格,而非四列挤作一团。
- Technology Radar、Documentation、API Contracts、Releases、Global Architecture — 全部重排,它们的筛选面板和文件夹树都移入移动端抽屉。
- 账户 — Profile、API Keys、Notifications 和 MCP Server 共用一条可滑动的标签栏。
在平台上直接运行你的 Agent
Agent Hub 也一同上路了。Dashboard、Rules、Runs、Schedules 和 Connectors 安排在一条可滚动的标签行上 — 而最有意思的是 — 你可以在手机上观看一次托管 Agent 的执行:工具调用不断涌入,输入与输出一一呈现,在它检测到漂移并开启 pull request 的过程中显示着“Agent is working…”。架构维护,就发生在你的口袋里。
浅色与深色,自然而然
一切都尊重你的主题。无论是早上 9 点明亮的平台,还是午夜漆黑的房间,图表、卡片和面板都显示得恰到好处。
无需安装任何东西
没有应用商店,没有下载,没有单独的登录。这就是你在桌面上使用的同一个 Archyl — 在手机浏览器里打开它,你的项目、模型和决策就在那里。如果想要一点即达,把它添加到主屏幕即可。
架构并非只有在你坐在桌前时才有意义。问题会在站会上、走廊里、火车上冒出来。现在,答案也会跟着你走。
在手机上打开 archyl.com,把你的架构握在手中。