Nexus ACP

개요

GUI 전환 도구이면서 동시에 네이티브 앱 구조와 데이터 운영 체계까지 정비한 고밀도 개발 프로젝트입니다.

클라이언트 과제

AI 에이전트 개발 도구는 강력하지만 대부분 터미널과 텍스트 로그 중심으로 설계되어 있습니다. 이 방식은 숙련된 개발자에게는 효율적이지만, 세션 상태 추적·명령 결과 비교·파일 컨텍스트 확인·코드 수정 같은 작업을 한눈에 다루기 어렵게 만듭니다. 클라이언트가 필요로 한 것은 CLI의 강점을 버리지 않으면서도 Claude Code 같은 에이전트 환경을 GUI로 풀어내는 작업 공간이었습니다. 여기에 더해 장기 운영을 위해 로컬 앱 레이어와 서버 레이어를 분리하고, 기존 SQLite 중심 흐름을 PostgreSQL 기반 구조로 마이그레이션하는 과제도 함께 있었습니다.

솔루션

React·TypeScript·Vite 기반 프론트엔드에 Radix UI와 Tailwind를 결합해 세션 중심 인터페이스를 설계하고, Monaco를 붙여 코드 편집과 결과 확인을 같은 화면 안에서 처리할 수 있게 했습니다. 데스크톱 런타임은 Tauri로 구성해 웹 기술 스택의 생산성을 유지하면서도 네이티브 앱 형태로 배포할 수 있게 했고, ACP 연동 계층을 통해 AI 에이전트 상호작용을 GUI 안에서 다룰 수 있도록 설계했습니다. 서버 측에서는 PostgreSQL 기반 저장 구조를 정비하고 SQLite에서 PostgreSQL로의 마이그레이션 흐름을 정리했습니다.

아키텍처

리포지토리는 `src/`·`src-tauri/`·`server/`·`docs/`·`scripts/` 구조를 중심으로 나뉩니다. `src/`는 세션 뷰·작업 패널·코드 편집 인터페이스 같은 사용자 경험 레이어를 담당하고, `src-tauri/`는 네이티브 앱 패키징과 시스템 연동을 처리하는 런타임 계층입니다. `server/`는 ACP 기반 상호작용을 보조하는 서버 기능과 데이터 저장 계층을 담당하며, PostgreSQL 중심 구조로 마이그레이션된 백엔드 흐름을 담습니다.

핵심 구현 하이라이트

• Claude Code를 포함한 AI 에이전트 개발 환경을 GUI 워크스페이스로 전환하는 제품 포지셔닝 구체화
• React·Radix UI·Monaco 조합으로 세션 탐색과 코드 편집을 한 화면 안에서 다룰 수 있게 설계
• Tauri 기반 네이티브 앱 구조로 웹 기술 생산성과 데스크톱 배포 경험을 함께 확보
• ACP 연동 계층으로 터미널 중심 프로토콜 상호작용을 시각적 인터페이스 안으로 끌어옴
• SQLite → PostgreSQL 마이그레이션으로 데이터 지속성과 장기 운영 기반 강화
• src/·src-tauri/·server/·docs/·scripts/ 레이어 분리로 개발 도구 구조를 명확히 유지

성과 지표

개발 기간	2025-06-19 ~ 2026-01-06
개발 기간 기준 커밋	400 commits
제품 포지셔닝	AI 에이전트 GUI 전환 도구
앱 형태	Tauri 네이티브 앱
핵심 편집 환경	Monaco 통합
데이터 전환	SQLite → PostgreSQL

기술 스택

역량 태그

Tauri · React · TypeScript · ACP · Monaco · PostgreSQL · Developer Tools · Native App