TailClaude: 모바일 및 브라우저에서 Claude 코드 세션에 접근하기 위한 오픈 소스 웹 UI

TailClaude는 Tailscale을 연결에 사용하여 휴대폰이나 모든 브라우저에서 1분 이내에 Claude Code 세션에 접속할 수 있는 오픈 소스 무료 웹 UI입니다.

TailClaude의 기능

이 도구는 휴대폰에서 설정이 필요 없이 모바일이나 브라우저에서 활성 Claude Code 터미널 세션에 연결합니다. 중지 버튼이 있는 실시간 토큰 스트리밍, 메시지별 비용 추적, 마크다운 렌더링을 제공합니다. 사용자는 전체 기록과 함께 모든 과거 세션을 탐색하고 이름을 변경하며 재개할 수 있습니다. 인터페이스는 모델 선택(Opus/Sonnet/Haiku), 권한 모드, 노력 수준, 메시지별 예산을 위한 컨트롤을 제공합니다. 모바일 접근은 Tailscale Funnel을 통해 HTTPS 연결을 제공하는 앱 없이 즉시 접속하기 위해 휴대폰으로 QR 코드를 스캔하여 작동합니다.

개발 과정에서 Claude Code 활용

개발자는 SSE 스트리밍 백엔드와 모바일 우선 채팅 UI를 포함한 전체 프로젝트의 스캐폴딩을 위해 Claude Code를 사용했습니다. Claude는 Claude Code SDK의 세션 모델을 파악하고, QR 코드 + Tailscale Funnel 통합을 작성하고, 권한/모델 선택 컨트롤을 반복적으로 개선하는 데 도움을 주었습니다. 개발자는 이로 인해 혼자 작업하는 것보다 더 빠르게 반복할 수 있었다고 언급했습니다.

기술적 구현

이 프로젝트는 모바일 기기에 앱 설치 없이 안전한 HTTPS 접근을 위해 Tailscale Funnel을 사용합니다. QR 코드 스캔 시스템은 세션에 즉시 연결할 수 있도록 합니다. 백엔드는 실시간 토큰 스트리밍을 위한 Server-Sent Events(SSE)를 구현하고, 프론트엔드는 웹 인터페이스에서 직접 Claude Code 세션 매개변수를 관리하기 위한 컨트롤을 포함합니다.