모바일에서 만나는 Archyl: 당신의 아키텍처를 손안에

아키텍처 문서화는 늘 책상에서 하는 일이었습니다. 커다란 다이어그램, 빽빽한 표, 27인치 모니터가 있어야 이해되는 의존성 그래프. 그래서 누군가 Slack으로 "잠깐, checkout 서비스가 ledger랑 직접 통신하던가요?"라고 물어올 때, 기차 안이라면 "노트북으로 돌아가면 확인할게요"라고 답할 수밖에 없었습니다.

이제는 아닙니다. 오늘부터 Archyl 앱 전체가 휴대폰에서 동작합니다.

기능을 줄인 보조 앱이 아닙니다. 읽기 전용 뷰어도 아닙니다. 같은 Archyl, 같은 계정, 같은 데이터 — 모든 화면을 한 손에 쥐는 화면에 맞게 다시 만들었습니다.

모바일의 Archyl — 손안의 C4 캔버스

가장 어려운 부분: 휴대폰에서의 C4 캔버스

인터랙티브 아키텍처 다이어그램은 모바일에서 동작하리라 가장 기대하기 어려운 것입니다. 노드, 엣지, 네 단계의 줌, 상세 패널. 우리는 그것을 축소한 게 아니라, 손가락으로 어떻게 다룰지를 다시 생각했습니다.

  • 진짜 다이어그램을 패닝하고 핀치하세요. 스크린샷이 아니라 실제 React Flow 캔버스입니다. 시스템, 컨테이너, 컴포넌트 사이를 드래그하며 둘러볼 수 있습니다.
  • 스크롤되는 레벨 브레드크럼. System Context → Containers → Components → Code 가 가로로 스크롤되는 글래스 바에 담겨, 좁은 화면에서도 가장 깊은 레벨이 언제나 한 번의 탭 거리에 있습니다.
  • 더블 탭으로 파고들기. 노드를 탭해 선택하고, 더블 탭으로 다음 C4 레벨로 내려갑니다 — 데스크톱 더블 클릭에 해당하는 터치 동작입니다.
  • 탭하면 가운데 정렬된 상세 패널. 오른쪽 가장자리에 밀려 붙은 패널 대신, 요소 상세(설명, 오너, ADR, 문서, API 계약)가 엄지 크기에 맞춘 가운데 시트로 열립니다.
  • 미니맵은 비켜섭니다. 모바일에서는 미니맵이 자동으로 숨겨져 다이어그램에 화면 전체를 내줍니다.

엄지에 맞는 내비게이션

사이드바는 왼쪽에서 밀려 들어오는 드로어가 됩니다 — 조직 전환기, 팀 전환기, 그리고 깔끔한 아코디언으로 묶인 내비게이션. 프로젝트에 닿기 위해 스무 개 항목을 스크롤할 일은 더 이상 없습니다.

프로젝트 헤더도 공간을 되찾습니다. 액션 버튼은 아이콘으로 줄고, 섹션 탭 — Diagram, List, Decisions, Docs, API Contracts, Releases 등 — 은 하나의 드롭다운으로 접힙니다. 프로젝트 이름과 성숙도 등급은 전용 컴팩트 행을 가져, 지금 무엇을 보고 있고 얼마나 건강한지 항상 알 수 있습니다.

모든 화면이 다시 흐릅니다

한 페이지로 끝나는 일이 아니었습니다. 화면을 하나씩 짚어갔습니다.

  • Deployments — 배포 매트릭스는 휴대폰에서 가로 스크롤이 필요했습니다. 이제는 앱별 깔끔한 카드로 다시 쌓이고, 각 환경이 그리드로 배치되며, 드리프트는 앰버색으로 표시됩니다.
  • Decisions (ADR) — 목록의 각 행이 제목에 전용 줄을 주어 "Cho…"로 잘리지 않게 했고, 상태·날짜·링크가 그 아래로 깔끔하게 줄바꿈됩니다.
  • Insights — 심각도 카운터(Critical / High / Medium / Low)가 짓눌린 4열 대신 여유로운 2×2 그리드로 다시 배치됩니다.
  • Technology Radar, Documentation, API Contracts, Releases, Global Architecture — 모두 다시 흐르며, 필터 패널과 폴더 트리는 모바일 드로어로 옮겨집니다.
  • 계정 — Profile, API Keys, Notifications, MCP Server 가 하나의 스와이프 가능한 탭 바를 공유합니다.

플랫폼에서 에이전트를 운영하세요

Agent Hub도 함께 왔습니다. Dashboard, Rules, Runs, Schedules, Connectors 가 스크롤되는 탭 행에 자리하고 — 재미있는 부분은 — 관리형 에이전트의 실행을 휴대폰에서 지켜볼 수 있다는 점입니다. 도구 호출이 흘러 들어오고, 입력과 출력이 보이며, 드리프트를 감지해 풀 리퀘스트를 여는 동안 "Agent is working…"이 이어집니다. 아키텍처 유지보수가 당신의 주머니 속에서 진행됩니다.

라이트와 다크, 자연스럽게

모든 것이 당신의 테마를 따릅니다. 오전 9시 밝은 플랫폼이든, 자정의 어두운 방이든, 다이어그램도 카드도 패널도 제대로 보입니다.

설치할 것이 없습니다

앱 스토어도, 다운로드도, 별도의 로그인도 없습니다. 책상에서 쓰던 그 Archyl 그대로 — 휴대폰 브라우저에서 열면 프로젝트도, 모델도, 의사결정도 바로 거기에 있습니다. 한 번의 탭으로 열고 싶다면 홈 화면에 추가하세요.

아키텍처는 책상에 앉아 있을 때만 중요한 게 아닙니다. 질문은 스탠드업에서, 복도에서, 기차 안에서 찾아옵니다. 이제 답도 당신과 함께 갑니다.

휴대폰에서 archyl.com 을 열고, 손안의 아키텍처를 확인하세요.