브라우저에서 실행되는 OS 'Harbour' 공개: Claude Code와 에이전트 내장

실용적 조언

WebContainers를 사용할 때 발생하는 브라우저 제약을 해결하기 위해 커스텀 심(Shim)을 활용해 기능을 확장하라.
AI 에이전트를 개발 도구에 통합할 때 시스템 내부에서 직접 코드를 수정할 수 있는 권한을 부여하여 디버깅 효율을 높여라.

섹션별 상세

Harbour OS는 WebContainers 기술을 핵심 런타임으로 채택하여 브라우저 내에서 Node.js 기반 앱을 실행한다. 작성자는 WebContainers의 기능적 공백을 메우기 위해 다수의 커스텀 심을 구현하여 OS 수준의 사용자 경험을 제공한다. 현재는 Chrome 브라우저 환경이 필수적이지만, 향후 브라우저에 구애받지 않는 독자적인 런타임 개발을 계획 중이다.

애플리케이션 생태계 구축을 위해 GitHub, npm, ZIP 업로드 등을 지원하는 초보적인 앱 스토어를 포함하고 있다. 특히 .jsx 파일을 일급 객체 앱으로 지원하여 사용자가 직접 작성한 React 컴포넌트를 OS 상에서 즉시 실행할 수 있게 설계했다. 모든 데이터와 실행 환경은 외부 서버 없이 사용자의 브라우저 로컬 환경에만 상주한다.

최근 업데이트를 통해 AI 에이전트와 Claude Code를 시스템 내부에 번들로 통합했다. 작성자는 이 내장된 AI 도구들을 활용해 OS 내부에서 직접 코드를 수정하고 버그를 잡는 '인사이드 아웃' 방식의 디버깅을 진행하고 있다. 이는 개발 환경 자체가 OS 내부에 통합되어 AI가 시스템 코드를 직접 다룰 수 있음을 시사한다.

용어 해설

웹컨테이너(WebContainers): — 브라우저 내에서 Node.js 환경을 직접 실행할 수 있게 해주는 기술입니다. 이를 통해 서버 없이도 브라우저 탭 안에서 풀스택 애플리케이션을 빌드하고 실행할 수 있는 런타임을 제공합니다.
런타임(Runtime): — 컴퓨터 프로그램이 실행되고 있는 동안의 동작 환경을 의미합니다. Harbour OS는 현재 Chrome 기반의 WebContainers를 런타임으로 사용하며, 향후 브라우저에 구애받지 않는 독자적인 실행 환경 구축을 목표로 합니다.
심(Shim): — 기존 API나 환경의 부족한 기능을 메우기 위해 삽입하는 작은 코드 라이브러리입니다. Harbour OS는 WebContainers의 한계를 보완하고 기능을 확장하기 위해 커스텀 심을 사용하여 브라우저 내 OS 기능을 구현했습니다.

언급된 도구

WebContainers추천링크

브라우저 내 Node.js 런타임 실행

Claude Code추천

OS 내부 디버깅 및 자동 코딩 에이전트