언제 어디서나 바이브코딩을 VibeTunnel
요즘 대 격변기 군요 ㅎㅎ AI관련툴들이 정말 어마무시하게 나오는듯합니다.
VibeTunnel 은 gemini cli나 claude cli 같은 터미널 창에서 개발하고있는걸 웹에서 실시간으로 띄워줘서 사용할 수 있게 도와주는 툴입니다.
아직은 맥, 리눅스만 지원하고있는데 리눅스에 개발환경 구축해서 바이브터널로 연결하면 딱이겠네요 ㅎㅎ
왜 VibeTunnel인가요?
부재 중에도 AI 에이전트를 확인하고 싶으신가요? 장시간 실행되는 빌드를 휴대폰에서 모니터링해야 하나요? 복잡한 SSH 설정 없이 동료와 터미널 세션을 공유하고 싶으신가요? VibeTunnel을 사용하면 아무런 문제 없이 작업을 완료할 수 있습니다.
설치 옵션
macOS 앱(Mac 사용자에게 권장)
기본 macOS 앱은 메뉴 막대 통합 및 자동 업데이트를 통해 최상의 환경을 제공합니다.
npm 패키지(Linux 및 헤드리스 시스템)
Linux 서버, Docker 컨테이너 또는 헤드리스 macOS 시스템의 경우 npm을 통해 설치하세요.
npm install -g vibetunnel
이렇게 하면 macOS 메뉴 바 앱만 제외하고 웹 UI를 갖춘 전체 VibeTunnel 서버가 제공됩니다. 자세한 사용법은 npm 패키지 섹션을 참조하세요.
2. VibeTunnel 실행
VibeTunnel은 메뉴 막대에 있습니다. 아이콘을 클릭하여 서버를 시작하세요.
3. vt명령을 사용하세요
이 vt명령은 VibeTunnel을 통해 터미널 세션을 전달하는 스마트 래퍼입니다.
작동 원리 :
vtvibetunnel fwd내부적으로 터미널 출력을 전달하기 위해 호출하는 bash 스크립트입니다.- 셸 별칭 확인 및 세션 제목 관리와 같은 추가 기능을 제공합니다.
- Mac 앱과 npm 패키지 설치 모두에서 사용 가능
설치 소스 :
- macOS 앱 :
/usr/local/bin/vt설치 중에 심볼릭 링크 생성 - npm 패키지 :
vt지능형 Mac 앱 감지 기능을 통해 전역적으로 설치됨
스마트 감지 vt : npm 패키지에서 실행하면 다음이 수행됩니다.
- Mac 앱이 설치되어 있는지 확인합니다.
/Applications/VibeTunnel.app - 발견되면
vt최상의 환경을 위해 Mac 앱으로 전달합니다. - 찾을 수 없는 경우 npm-installed를 사용합니다.
vibetunnel fwd - 이렇게 하면
vt항상 최상의 사용 가능한 구현을 사용할 수 있습니다.
# Run any command in the browser
vt pnpm run dev
vt npm test
vt python script.py
# Monitor AI agents with automatic activity tracking
vt claude --dangerously-skip-permissions
vt --title-mode dynamic claude # See real-time Claude status
# Use your shell aliases
vt gs # Your 'git status' alias works!
vt claude-danger # Custom aliases are resolved
# Open an interactive shell
vt --shell # or vt -i
# Git follow mode
vt follow # Follow current branch
vt follow main # Switch to main and follow
vt unfollow # Stop following
# For more examples and options, see "The vt Forwarding Command" section below
외부에서 접근은 Tailscale이나 ngrok, claudeflare tunnul 등 여러가지 편한것을 이용해서 사용하시면 될것같습니다.
이제 개발환경 구성하러 가보겠습니다 ㅎㅎㅎ