Claude Code와 Codex를 위한 워크스페이스

명령, 파일, diff가 모두 그대로 보입니다. 그래서 에이전트가 쓰는 코드를 이해할 수 있습니다.

2024년부터 Kiryl Kazlovich가 매일 직접 쓰면서 다듬고 있습니다.

HB Code 다운로드

세션마다 에이전트 선택

Claude Code나 Codex로 세션을 시작하세요. 두 에이전트는 같은 프로젝트에서 동시에 작업할 수 있고, 사이드바 하나에 모든 세션이 나열됩니다.

여러 Claude 계정과 ChatGPT 계정 사용

데스크톱에서 Claude 계정과 ChatGPT 구독을 추가하세요. 계정마다 한도가 표시됩니다. 다음 턴에 쓸 계정은 데스크톱에서 클릭 한 번, 휴대폰에서 탭 한 번으로 바꿉니다.

에이전트가 작업하는 동안 모든 단계 표시

검색, 파일 읽기, 명령, 편집이 각각 스레드에 행으로 표시됩니다. 턴 도중에 메시지를 보내면 에이전트가 현재 단계를 마친 뒤 읽습니다. 메시지를 대기열에 넣어 다음 턴에 보낼 수도 있습니다.

채팅 옆에서 명령, 파일, diff 열기

행을 클릭하면 스레드 옆에 열립니다. 코드에는 구문 강조가 적용됩니다. Markdown과 HTML은 페이지로, CSV는 표로 표시되고, diff는 이전 줄과 새 줄을 보여 줍니다.

모든 서브에이전트 보기

에이전트가 서브에이전트나 워크플로를 시작하면 Agents 목록에 각각 모델, 토큰, 시간과 함께 표시됩니다. 워크플로는 단계도 표시합니다. 에이전트를 클릭하면 전체 스레드를 읽을 수 있습니다.

세션이 서로 메시지를 보냅니다

Claude Code 세션이 Codex 세션에 변경 사항을 확인해 달라고 요청할 수 있습니다. 답변은 Claude Code 스레드에 도착합니다. 에이전트가 새 세션을 시작해 작업을 맡길 수도 있습니다.

휴대폰에서 세션을 제어하세요

iPhone 앱과 Android 앱은 데스크톱에서 실행 중인 세션을 엽니다. 휴대폰에서 타임라인을 읽고 다음 메시지를 보내세요.

  • 세션 타임라인

    실행 중인 세션의 모든 명령, 파일 변경, 메시지가 표시됩니다. 행을 탭하면 열립니다.

  • 세션 전환기

    메뉴 버튼을 탭해 데스크톱과 세션을 선택하거나 새 세션을 시작하세요.

  • 받아쓰기

    메시지를 말하세요. 텍스트를 확인한 뒤 보내세요.

  • Chat Settings

    모델과 추론 수준을 표 하나에서 선택하세요. 그런 다음 에이전트의 액세스 수준을 선택하세요.

  • Changes 탭

    프로젝트의 변경된 파일이 줄 수와 함께 표시됩니다. 파일을 탭하면 diff를 읽을 수 있습니다.

  • 한도와 계정

    각 한도가 얼마나 남았는지 확인하세요. 다른 계정을 탭하면 다음 턴부터 그 계정을 사용합니다.

  • Android의 타임라인

    Android 앱도 같은 행을 보여 줍니다. 턴마다 Task complete 표시로 끝납니다.

  • Android의 Project 탭

    프로젝트의 모든 세션이 목록 하나에 표시됩니다. 세션을 탭하면 열립니다.

  • Android의 파일 미리 보기

    파일 탭에서 프로젝트 파일을 여세요. Markdown은 서식이 적용된 텍스트로 표시됩니다.

HB Code가 두 에이전트에 추가하는 도구

Claude Code 세션과 Codex 세션 모두 이 도구를 씁니다. 필요한 것을 말하면 에이전트가 도구를 선택합니다.

  • 설명 영상

    에이전트가 요청 내용으로 30~120초 길이의 내레이션 영상을 만듭니다. 영상은 데스크톱과 휴대폰에서 재생됩니다.

  • 내 Chrome 브라우저

    에이전트가 내 Chrome에서 웹을 검색하고, 페이지를 읽고, 클릭하고, 입력합니다. 페이지의 라벨에 각 동작의 이름이 표시됩니다.

  • 음성

    에이전트가 답변이나 설명을 오디오 파일로 만듭니다. 데스크톱이나 휴대폰에서 재생하세요.

  • 영상에서 만든 메모

    에이전트가 YouTube 영상이나 녹화본에서 단계, 명령, 결정 사항을 가져옵니다.

  • 휴대폰 알림

    작업이 완료되거나, 실패하거나, 내 결정이 필요하면 에이전트가 휴대폰에 알림을 보냅니다.

설명 영상, 음성, 영상 메모는 내 Gemini API 키를 사용합니다. 브라우저 도구에는 Chrome용 HB Code Browser Bridge 확장 프로그램이 필요합니다. 휴대폰 알림에는 알림 설정과 연결된 휴대폰이 필요합니다.

매일 하는 작업을 위해 만들었습니다

HB Code는 Claude Code를 Anthropic의 Claude Agent SDK로 실행하고, Codex를 OpenAI Codex app-server의 자체 빌드로 실행합니다. 각 에이전트는 자체 기록과 자체 로그인을 유지합니다.

  • 메시지는 데스크톱을 기다립니다

    휴대폰이 데스크톱에 연결되지 않으면 메시지는 휴대폰에서 기다립니다. 연결이 돌아오면 전송되고, 다시 시도해도 두 번 전송되지 않습니다.

  • 저장된 대화 이어 가기

    에이전트가 프로젝트 폴더에 저장한 대화에서 세션을 시작하세요. Claude Code에서는 터미널에서 나눈 대화도 포함됩니다. 다시 시작한 뒤에도 각 세션은 전체 기록과 함께 열립니다.

  • 열 가지 색상 테마

    테마마다 라이트 버전과 다크 버전이 있습니다. 휴대폰은 데스크톱에서 선택한 테마를 사용합니다.

  • 명령과 파일의 구문 강조

    명령에는 셸 구문 강조가 적용되고, 명령 안의 스크립트에는 그 언어의 구문 강조가 적용됩니다. 파일은 구문 강조, 줄 번호와 함께 열립니다.

HB Code 다운로드

Mac이나 Windows PC에는 데스크톱 앱을 설치하세요. 휴대폰에서 세션을 제어하려면 iPhone 앱이나 Android 앱을 설치하세요.

Mac 앱에는 macOS 12 이상의 Apple 실리콘 Mac(M1 이상)이 필요합니다.