브라우저 내 AI 에이전트 NanoCodana 공개

기존 AI 코딩 에이전트들이 서버나 로컬 컴퓨터를 요구하는 것과 달리, NanoCodana는 전체 런타임을 브라우저 탭 내부에서 실행하는 새로운 접근 방식을 제시했다. 이 프로젝트는 Claude Code의 에이전트 루프, 시스템 프롬프트 및 도구 기반 워크플로우를 영감받아 개발되었으며, 별도의 인프라나 모델 프록시 없이 동작하는 것이 핵심 특징이다.

주요 기술 구현 방식

브라우저 환경에서 Bash 명령어를 실행할 수 없는 제약을 해결하기 위해 just-bash를 기반으로 한 가상 셸을 JavaScript로 구현했다. 이를 통해 에이전트는 Read, Edit, Grep 등 Claude Code에서 익숙한 도구들을 사용할 수 있으며, 프로젝트 파일 시스템은 IndexedDB를 활용하여 브라우저 내에 영구 저장된다.

확장성과 활용 사례

핵심 라이브러리인 @nanocodana/core는 브라우저, Node.js, 서버리스 함수, 엣지 환경 등 다양한 플랫폼에서 샌드박스 상태로 실행될 수 있다. 개발자는 이 코어를 자신의 앱에 임베드하여 파일 시스템과 모델을 직접 제어할 수 있다. 실제 사례로, NanoCodana를 통합한 Sharables를 통해 Expo Snack을 사용하여 브라우저 내에서 React Native 앱을 무료로 구축할 수 있으며, Claude나 로컬 모델 등 다양한 LLM과 연동 가능하다.