DEV 커뮤니티 여러분, 안녕하세요! 👋

인간과 AI 에이전트(AI agents)가 함께 소프트웨어를 구축할 수 있는 오픈 소스 웹 서버 애플리케이션인 Anycode를 소개하고자 합니다.

대부분의 현대적인 AI 에디터와 달리, Anycode는 VS Code의 포크(fork)가 아닙니다. 최대의 성능, 유연성, 그리고 네이티브 에이전트 통합(native agent integration)을 제공하기 위해 완전히 처음부터 구축되었습니다.

🛠️ 아키텍처 개요

• 프론트엔드 (Frontend): React 19 + 커스텀 web-tree-sitter WASM 가상 렌더링(virtual-rendering) 엔진
• 백엔드 (Backend): 고동시성(High-concurrency) Rust (Axum + Tokio + Socket.IO WebSockets)
• 프로토콜 (Protocols): 네이티브 에이전트 클라이언트 프로토콜 (Native Agent Client Protocol, ACP) 및 언어 서버 프로토콜 (Language Server Protocol, LSP)

Anycode를 로컬에서 실행하거나 원격으로 호스팅하여, 어떤 브라우저에서든 로컬 파일, PTY 터미널, 그리고 AI 에이전트와 직접 상호작용하세요.

🔥 주요 기능

• ⚡ 커스텀 초고속 에디터: web-tree-sitter 기반의 커스텀 가상 렌더링 엔진으로 구축되었습니다. 최소한의 메모리 및 CPU 사용량으로 10만 줄 이상의 대규모 파일에서도 120+ FPS 이상의 매우 부드러운 성능을 제공합니다.

• 🤖 네이티브 에이전트 클라이언트 프로토콜 (ACP): AI 에이전트(Claude Code, Codex, OpenCode, 그리고 Ollama를 통한 로컬 LLM)와 깊게 통합되어 스트리밍 도구 호출(streamed tool calls), 권한 제어, 추론 선택기(reasoning selectors), 그리고 이력 기반 실행 취소(history-backed undo)를 지원합니다.

• 🖼️ 유연한 프리-페인 레이아웃 (Free-Pane Layout): 완전히 커스터마이징 가능한 워크스페이스 레이아웃을 제공합니다. 에디터 창, PTY 터미널, AI 에이전트 채팅, Git 패널, 검색 탭을 분할(Split), 도킹(Dock), 크기 조절(Resize)하여 원하는 레이아웃으로 구성할 수 있습니다.

• 👀 파일 시스템 와처 (Filesystem Watcher): AI 에이전트나 외부 프로세스가 코드를 수정할 때마다 즉각적인 UI 업데이트와 실시간 차이 시각화(live diff visualization)를 위한 실시간 파일 시스템 모니터링을 제공합니다.

• 🦀 고성능 Rust 코어: 실시간 파일 I/O 및 언어 서버 프로토콜 (LSP) 처리를 구동하는 비동기(Async) Rust 백엔드 (Axum + Tokio + Socket.IO)를 사용합니다.

• 💻 통합 PTY 터미널 (Integrated PTY Terminals): 멀티 세션 셸 실행을 위해 WebSockets 위에서 동작하는 풀 기능 터미널 에뮬레이터.

• 🧠 언어 서버 프로토콜 (LSP): 다국어 자동 완성 (Autocomplete), 정의로 이동 (Go-to-Definition), 호버 문서 (Hover docs), 실시간 진단 (Real-time diagnostics) 기능을 포함한 코드 인텔리전스.

• 🌿 내장 Git 통합 (Built-in Git Integration): 브라우저를 벗어나지 않고도 파일별 되돌리기 (Revert), 커밋 (Commit), 푸시 (Push), 풀 (Pull) 기능을 제공하는 풀 기능 Git 변경 사항 (Git Changes) 패널.

• 🔎 전체 검색 및 파일 트리 (Global Search & File Tree): 빠른 전체 텍스트 프로젝트 검색 및 대화형 파일 트리 탐색.

• 🎨 테마 및 타이포그래피 커스터마이징 (Themes & Typography Customization): 사용자 정의 가능한 에디터 컬러 테마, 다크/라이트 모드, 글꼴 크기 및 사용자 정의 타이포그래피 설정.

⚡ 빠른 시작 및 실행 (Quick Start & Run)

1. Anycode 설치:

curl -fsSL https://raw.githubusercontent.com/anycode-ade/anycode/main/install.sh | sh

1. 터미널에서 프로젝트 폴더 내의 Anycode 실행:

anycode

1. 출력된 웹 URL (예: http://localhost:3000)을 모든 브라우저에서 열기!

⚙️ 설정 및 요구 사항 (Setup & Prerequisites)

개인정보 보호, 보안 및 로컬 격리를 위해 언어 서버 (LSP)와 AI 에이전트 (AI agents)는 번들로 포함되어 있지 않습니다. 사용자의 머신에 수동으로 설치해야 합니다:

• 언어 서버 (Language Servers): 코드 인텔리전스 (rust-analyzer, vtsls 등)를 활성화하려면 LSP 설정 가이드를 참조하세요.
• AI 에이전트 (AI Agents): Claude Code, Codex, OpenCode 또는 로컬 LLM을 연결하려면 ACP 설정 가이드를 참조하세요.

이것으로 끝입니다 — 추가 구성은 필요하지 않습니다. Anycode는 사용자의 설정을 빠르고 간단하게 유지하도록 구축되었습니다.

⭐️ 저장소 확인하기 (Check Out the Repository)

Anycode는 Apache-2.0 라이선스 하에 100% 오픈 소스입니다.

GitHub logo anycode-ade / anycode

anycode

anycode는 사람과 에이전트(agents)가 함께 구축하는 웹 플랫폼입니다. 로컬(locally) 또는 원격(remotely)으로 실행할 수 있으며 데스크톱, 노트북, 모바일, 심지어 VR까지 원하는 모든 기기에서 작업할 수 있습니다. Codex, Claude Code, OpenCode를 포함한 모든 에이전트와 로컬 모델(local models)을 사용할 수 있습니다.

layout

agents

주요 기능 (Features)

• 초고속 커스텀 에디터 (Ultra-fast custom editor): tree-sitter 파서(parser)를 기반으로 한 매우 빠르고 고도로 최적화된 가상 렌더링 엔진(virtual rendering engine)을 통해 대규모 코드베이스(codebases)에서도 탁월한 성능을 제공합니다.
• 다국어 지원 (Multi-language support): 단일 환경에서 다양한 프로그래밍 언어로 작업할 수 있습니다.
• 고급 코드 경험 (Advanced code experience): 효율적인 파싱(parsing), 구문 강조(syntax highlighting), 실시간 코드 분석을 위해 web-tree-sitter 기반의 커스텀 코드 컴포넌트를 활용합니다.
• LSP 통합 (LSP integration): 지능형 코드 완성(code completion), 정의로 이동(go-to-definition), 호버 정보(hover information) 및 실시간 진단(real-time diagnostics)을 위한 LSP 지원을 제공합니다.
• 파일 시스템 통합 (File system integration): 로컬 파일 시스템(local filesystem)의 파일을 탐색하고 편집할 수 있는 WebSocket 기반 백엔드를 제공합니다.
• 변경 사항 (Changes): 내장된 git 변경 사항(Changes) 패널을 통해 파일별 되돌리기(revert), 커밋(commit), 푸시(push) 및 풀(pull)이 가능합니다.
• 자유로운 레이아웃 (Free layout): ...을 배치하기 위한 유연한 창(pane) 레이아웃을 제공합니다.

GitHub에서 보기

저희가 만들고 있는 것이 마음에 드신다면, GitHub에 ⭐️를 눌러주시고 피드백을 남겨주세요!

추신: 곧 120+ FPS 에디터 엔진 구축 및 Rust/ACP 아키텍처(architecture)에 관한 심층 기술 아티클을 게시할 예정입니다. 놓치지 않도록 여기 DEV에서 저희를 팔로우해 주세요! 🙏