Proxima MCP를 활용한 5개 AI 모델의 협업 웹 프로젝트 구축 사례

실용적 조언

복잡한 프로젝트를 수행할 때 Perplexity를 조사 단계에 배치하여 최신 기술 스택과 접근 방식을 먼저 확보하라.
여러 AI를 사용할 경우 한 모델(Codex 등)에게 아키텍처 설계와 최종 병합 권한을 부여하여 일관성을 유지하라.

섹션별 상세

Proxima MCP를 통해 별도의 API 키 없이 기존 계정을 활용하여 다수의 상용 AI 모델을 하나의 개발 워크플로에 통합했다. Codex가 IDE 에이전트로서 중심이 되어 ChatGPT, Claude, Gemini, Perplexity에게 각각 아이디어 제안, 투표, 아키텍처 설계, 코드 작성 및 상호 리뷰 임무를 부여했다. 이 과정에서 모델들은 서로의 아이디어를 비판하거나 코드를 '로스팅'하는 등 실제 팀과 유사한 역동성을 보여주었다.

최종 결과물인 'Cathedral of Sparks'는 프레임워크나 번들러 없이 순수 HTML, CSS, JavaScript만으로 작성된 1,144라인 규모의 프로젝트이다. 캔버스 렌더링, 빔 라우팅, 파티클 시스템 및 Web Audio API를 활용한 오디오 레이어가 포함되어 브라우저에서 즉시 실행 가능한 수준의 완성도를 확보했다. 특히 Perplexity가 최신 구현 방식을 조사하고 나머지 모델들이 코드를 나누어 작성한 뒤 Codex가 이를 병합하는 분업 체계가 작동했다.

상호 코드 리뷰 단계에서 AI 모델들은 색상 인코딩 오류, 불필요한 재렌더링, 클램핑되지 않은 랜덤화 작업 등 실제 작동에 영향을 주는 기술적 결함들을 찾아냈다. Codex는 이러한 피드백을 바탕으로 모든 이슈를 패치하여 최종 프로젝트의 안정성을 높였다. 마지막 기여도 평가 단계에서 Codex는 자신을 1위로, Claude를 최하위로 평가하는 등 모델 간의 주관적인 성능 평가 결과가 도출되기도 했다.

용어 해설

모델 컨텍스트 프로토콜(Model Context Protocol): — AI 모델이 외부 도구, 데이터 소스 또는 다른 AI 서비스와 표준화된 방식으로 상호작용할 수 있도록 지원하는 개방형 프로토콜이다. 이 아티클에서는 서로 다른 상용 AI 모델들을 하나의 워크플로로 연결하는 통로 역할을 수행한다.
IDE 에이전트(IDE Agent): — 통합 개발 환경(IDE) 내에서 코드를 작성, 수정, 실행 및 디버깅할 수 있는 자율 AI 에이전트이다. 본문에서는 Codex가 이 역할을 맡아 전체 프로젝트의 아키텍처 설계와 코드 병합을 주도했다.
웹 오디오 API(Web Audio API): — 웹 브라우저에서 오디오를 제어하고 합성하기 위한 고수준 시스템이다. 프로젝트 'Cathedral of Sparks'에서 노드 과부하 시 소리가 발생하는 반응형 오디오 시스템을 구현하는 데 사용됐다.

언급된 도구

Proxima MCP추천링크

여러 AI 모델(ChatGPT, Claude 등)을 연결하고 협업 환경을 구축하는 도구

언급된 리소스

GitHubProxima MCP GitHub Repository