r/vibecoding•5개월 전•7•6
순수 HTML, CSS, JS로 만든 antigravity 클론 'OpenGravity' (설치 불필요)
pixel perfect byok antigravity clone built in pure html css js. no install needed.
핵심 요약
Antigravity의 속도 제한에 지친 사용자가 Gemini를 활용해 제작한 순수 웹 기반 클론 프로젝트입니다.
- 개발 동기 — 기존 Antigravity의 심각한 rate limit 문제를 해결하기 위해 직접 개발함.
- 기술 스택 — Gemini 1.5 Pro의 프롬프트 엔지니어링과 WebContainer API를 활용해 구현함.
- 현재 상태 — 기본적인 에이전트 로직과 터미널은 작동하나 일부 UI는 아직 플레이스홀더임.
- 커뮤니티 협업 — WebContainer 기반 파일 동기화 개선을 위해 오픈소스 기여자를 모집 중임.
여러 프로젝트를 만들면서 antigravity를 꽤 집중적으로 사용하고 있었습니다.
very quickly, 아주 빠르게 rate limit(속도 제한)에 걸리고 말았죠.
antigravity는 지난 몇 달 동안 이 문제로 꽤 악명이 높아졌고, 개선될 기미가 보이지 않더군요.
CLI나 vscode 기반 프로그램으로 갈아탈까 생각도 해봤지만, antigravity의 UI가 정말 마음에 들었습니다.
그래서 google AI studio에 가서 스크린샷을 '엄청나게' 많이 집어넣었습니다.
그리고 몇 가지 흥미로운 프롬프트 엔지니어링 기법을 사용해서, gemini 3.1 pro가 아름다운 클론을 만들어냈습니다 (제 입으로 말하긴 좀 그렇지만요).
결과물의 외관이 마음에 들어서, 며칠 동안 남는 시간에 파일 관리나 에이전트 로직 같은 기능들을 연결했고, 드디어 완성했습니다!
현재는 꽤 기본적인 수준입니다. 에이전트는 간단한 프로젝트만 관리하고 생성할 수 있는데 (터미널이 돌아가는 WebContainer API의 제약이 큽니다), 말씀드렸듯이 이건 며칠밖에 안 걸린 아주 가벼운 프로젝트라 기능은 쉽게 추가될 수 있습니다.
어떻게 생각하시나요?
