OpenGravity: Google Antigravity UI를 BYOK 방식으로 다시 만든 브라우저 기반 에이전트 IDE

9bow · 5월 19, 2026, 9:30오전

OpenGravity 소개

OpenGravity는 Google의 에이전틱(agentic) 코딩 IDE인 Antigravity의 UI를 BYOK(Bring Your Own Key) 방식으로 다시 구현한 실험적인 브라우저 기반 작업 공간(workspace)입니다. 외부 의존성을 최소화한 순수 HTML/CSS/JS로만 작성되어 있어 별도의 설치 없이 정적 서버로 띄우기만 하면 동작하고, 브라우저 안에서 추론(reasoning) 기반 에이전트가 명령을 실행하고 파일을 편집할 수 있도록 설계되어 있습니다. WebContainer API를 활용한 xterm.js 기반 실시간 리눅스 환경을 내장해 두어 단순한 데모를 넘어 실제 작은 프로젝트를 만들고 실행하는 데에도 사용할 수 있습니다.

이 프로젝트의 출발점은 Google Antigravity의 UI 사용 경험이었습니다. 작성자는 Antigravity를 집중적으로 사용하다가 빈번한 사용량 제한(rate limit)에 부딪혔고, CLI나 VS Code 기반 도구로 옮기는 대신 Google AI Studio에서 다수의 스크린샷과 정교한 프롬프트 엔지니어링을 활용해 Gemini 3.1 Pro로 UI 클론을 만들었습니다. 이후 며칠에 걸쳐 파일 관리, 에이전트 로직 등을 직접 덧붙이며 지금의 형태에 도달했습니다. README에는 작성자가 학업 일정(GCSE 시험 준비)으로 인해 매주 일요일 저녁에 PR을 리뷰·머지하는 식으로 운영 중이라는 점이 솔직하게 적혀 있어, 현재로서는 "알파(Alpha)" 단계임을 분명히 합니다.

현재 OpenGravity GitHub 저장소는 GPL-3.0 라이선스로 공개되어 있어 누구나 코드를 가져다 자신만의 에이전트 IDE를 실험해 볼 수 있습니다. 게시 시점 기준으로 별도의 빌드 시스템이나 패키지 관리자에 의존하지 않고 정적 파일과 작은 Python 서버만으로 동작하기 때문에, 에이전트 UI/UX에 관심이 있는 연구자나 학생이 BYOK 흐름과 WebContainer 기반 격리 실행을 빠르게 살펴볼 수 있는 자료로도 흥미롭습니다.

OpenGravity 의 핵심 기능

OpenGravity는 "브라우저 안에서 동작하는 에이전트 IDE"라는 목표에 맞춰, 비교적 단순한 코드 구성 위에 다음 기능을 갖추고 있습니다.

BYOK(Bring Your Own Key): 사용자가 직접 자신의 API 키를 입력해 사용하는 방식으로, 키는 브라우저의 localStorage에만 저장되어 외부 서버로 전송되지 않습니다. 게시 시점에는 Gemini API 모델(gemini-3.1-pro-preview, gemini-3-flash-preview, gemini-3.1-flash-lite 등)만 공식적으로 지원하며, 다른 모델 사용을 위해서는 agent.js:8의 설정을 직접 수정해야 합니다.
선제적 에이전틱 추론(Proactive Agentic Reasoning): 사용자의 단발성 명령에 반응하는 대신, 추론 모델이 계획(plan) → 실행(execute) → 검증(validate)을 스스로 반복하면서 비교적 복잡한 작업을 끝까지 끌고 갑니다.
고성능 터미널(High-Performance Terminal): xterm.js와 WebContainer API를 결합해 브라우저 안에서 리눅스에 가까운 실행 환경을 제공합니다. pnpm install 같은 명령으로 의존성을 설치하고 프로젝트를 실행하는 흐름까지 모두 브라우저에서 처리됩니다.
상호작용 가능한 도구(Interactive Tooling): 에이전트가 bash 명령을 실행하고, 대화형 프롬프트(y/n)에 응답하며, 파일을 직접 생성·수정할 수 있습니다.
제로 블로트(Zero Bloat): IDE 자체에는 npm install 같은 별도 설치 과정이 없으며, 정적 파일을 서빙하기만 하면 동작합니다.
설계적 보안(Secure by Design): API 키는 어떠한 서버에도 저장되지 않고, 사용자의 브라우저 localStorage에만 존재합니다.

다음 스크린샷은 에이전트가 프로젝트를 초기화하고 의존성을 설치한 뒤 간단한 HTML 사이트를 만드는 흐름을 보여 줍니다.

OpenGravity 설치 및 사용법

설치라기보다 "정적 파일 서빙"에 가깝습니다. 저장소를 클론한 뒤 포함된 Python 서버를 띄우고 브라우저로 접속하면 됩니다.

# 1) 저장소 클론
git clone https://github.com/ab-613/OpenGravity.git
cd OpenGravity

# 2) 동봉된 정적 서버 실행 (8000 포트)
python3 server.py

# 3) 브라우저에서 IDE 열기
open http://localhost:8000

브라우저 화면이 열린 뒤에는, 우측 상단에 작게 표시된 "a" 아이콘을 눌러 Gemini API 키를 입력합니다. README에 따르면 "조금 어색한 위치(yeah, it's awkward—it's on the to-do list to fix!)"라는 안내가 함께 적혀 있을 정도로 현재 설정 UI는 임시적인 상태이며, 향후 정식 설정 패널이 필요한 항목으로 정리되어 있습니다. 키 입력이 완료되면 우측 패널의 에이전트와 대화를 시작할 수 있고, 좌측 편집기와 하단 xterm.js 터미널을 함께 활용하면서 작업을 이어 갈 수 있습니다.

작성자는 자신이 학업으로 인해 추가 기능 구현을 사실상 일시 중단한 상태(Status: On Hiatus)라고 밝히고 있고, README에는 커뮤니티 기여가 필요한 항목이 구체적으로 나열되어 있습니다. 매니저/서브에이전트 구조 개선, OpenAI·Anthropic 등 다른 LLM 제공자 지원, 파일 동기화와 터미널 안정화, UI 다듬기, 하드코딩되어 있는 모델 선택 드롭다운 수정, 상단 메뉴 바의 저장·검색 같은 기본 기능 구현, Git 기능 연동, 정식 설정 UI 추가 등이 대표적인 후보입니다. 개인 학습 목적이나 에이전트 UX를 실험하기 위한 토대로 사용하기에 적합한 단계의 프로젝트입니다.

OpenGravity 의 라이선스

OpenGravity 프로젝트는 GPL-3.0 라이선스로 공개되어 있어, 코드를 자유롭게 살펴보고 수정할 수 있지만 파생 저작물 또한 GPL-3.0과 호환되는 라이선스로 공개해야 한다는 점에 주의해야 합니다. 상업적 활용이나 비공개 통합을 고려할 경우 GPL의 카피레프트(copyleft) 조건이 적용되므로, 자세한 조건은 저장소의 LICENSE 파일을 직접 확인해 주세요.

OpenGravity IDE 데모

OpenGravity 프로젝트 GitHub 저장소

더 읽어보기

이 글은 GPT 모델로 정리한 글을 바탕으로 한 것으로, 원문의 내용 또는 의도와 다르게 정리된 내용이 있을 수 있습니다. 관심있는 내용이시라면 원문도 함께 참고해주세요! 읽으시면서 어색하거나 잘못된 내용을 발견하시면 덧글로 알려주시기를 부탁드립니다.

파이토치 한국 사용자 모임이 정리한 이 글이 유용하셨나요? 회원으로 가입하시면 주요 글들을 이메일로 보내드립니다! (기본은 Weekly지만 Daily로 변경도 가능합니다.)

아래쪽에 좋아요를 눌러주시면 새로운 소식들을 정리하고 공유하는데 힘이 됩니다~