CloudCLI
터미널 세션을 휴대폰과 브라우저에서 이어 보는 웹 UI
npx @cloudcli-ai/cloudcli터미널에서 돌리던 코딩 에이전트 세션을 브라우저와 휴대폰에서 보고 이어 가게 해 주는 웹 인터페이스입니다. 로컬에서 띄우면 이미 있는 프로젝트와 세션을 자동으로 찾아 목록으로 보여 줍니다. 채팅 창과 셸 터미널, 문법 강조가 붙은 파일 탐색기, 변경을 확인하고 커밋하며 브랜치를 바꾸는 깃 화면이 들어 있습니다. 브라우저 세션을 열어 웹 조사와 테스트를 시키는 기능도 있습니다. 클로드 코드와 커서 CLI, 코덱스 중에서 골라 쓰고 플러그인으로 탭과 백엔드 서비스를 덧붙입니다.
판단
이럴 때 씁니다
- 자리를 비운 사이 세션을 휴대폰에서 확인해야 할 때
- 터미널 대신 화면에서 파일과 변경 내용을 보고 싶을 때
- 여러 코딩 도구의 세션을 한 화면에서 관리할 때
이럴 땐 쓰지 마세요
- 원격에 열면 그 기계의 셸이 그대로 노출됩니다
- AGPL 라이선스라 서비스로 얹을 때 조건이 붙습니다
- 터미널 작업이 빠른 사람에게는 계층이 늘 뿐입니다
차별점
- 기존 세션을 자동으로 찾아 목록으로 보여 줍니다.
- 채팅과 셸, 파일 탐색기, 깃 화면이 한 인터페이스에 있습니다.
- 휴대폰 화면에 맞춘 반응형 설계로 밖에서도 이어 씁니다.
- 플러그인으로 탭과 백엔드 서비스를 덧붙입니다.
워크플로
- 01실행기로 띄우거나 전역 설치합니다.
- 02브라우저에서 접속하면 기존 세션이 자동으로 잡힙니다.
- 03쓸 코딩 도구를 고릅니다.
- 04채팅과 셸, 파일 탐색기, 깃 화면을 오가며 작업합니다.
- 05필요하면 플러그인으로 탭을 덧붙입니다.
주요 명령
| 명령 | 설명 |
|---|---|
npx @cloudcli-ai/cloudcli | 설치 없이 바로 띄웁니다. Node.js 22 이상이 필요합니다. |
npm install -g @cloudcli-ai/cloudcli && cloudcli | 전역 설치해 자주 씁니다. |
http://localhost:3001 | 접속 주소입니다. 기존 세션을 자동으로 찾습니다. |
함정
설치 전에 확인하세요
- 셸 터미널이 내장돼 있습니다. 외부에서 접근 가능하게 열면 그 기계의 셸을 그대로 여는 것과 같습니다.
- 저장소 이름과 제품 이름이 다릅니다. 예전 이름으로 검색하면 옛 문서가 나옵니다.
- AGPL 라이선스입니다. 사내 서비스로 올리는 형태에 따라 조건을 확인해야 합니다.
- Node.js 22 이상이 필요합니다. 낮은 판에서는 실행기 단계에서 막힙니다.
비교
코딩 에이전트 화면은 대체로 데스크톱 앱이라 그 기계 앞에 있어야 합니다. 이쪽은 웹으로 띄워서 휴대폰에서도 세션을 이어 보게 만듭니다. 그 편의의 대가가 셸까지 열리는 접근 경로이므로 노출 범위를 먼저 정해야 합니다.
최근 변경
채팅 화면을 개선하고 대역폭 문제를 해결했습니다. 판이 1.37 대까지 잦게 올라가고 있습니다.