Wonder Dev View는 코딩 에이전트, Git 워크트리, 터미널 세션을 실시간 애플리케이션 미리보기 및 디자인 캔버스와 나란히 연결해 주는 macOS 전용 개발 환경입니다.
제품의 기능과 공식 포지셔닝
Wonder Dev View는 대화형 디자인 캔버스와 함께 코딩 에이전트 및 리포지토리 도구를 배치하는 개발자 전용 환경입니다. macOS에서 동작하며 프로젝트 파일, 커맨드 라인 터미널, 에이전트 채팅, GitHub 풀 리퀘스트를 UI 엔지니어에게 최적화된 단일 인터페이스에 통합하여 보여줍니다.
이 도구는 기존 Claude Code 및 Codex 구독을 연결하여 사용하는 Bring-Your-Own-Agent 모델로 운영됩니다. 각 작업을 개별 Git 워크트리로 격리함으로써 머지 충돌이나 번거로운 종속성 재설치 없이도 여러 에이전트 작업을 동시에 병렬로 실행할 수 있도록 지원합니다.
공식 출처로 확인된 활용 사례
작업 디렉터리 충돌 없이 별도의 기능 개발이나 버그 수정을 진행하기 위해 개별 Git 워크트리에서 여러 코딩 에이전트를 동시에 실행합니다.
에이전트 채팅 창 옆에서 실시간 애플리케이션 컴포넌트를 미리 보며 레이아웃 동작을 검토하고 에이전트에 프론트엔드 코드 수정을 지시합니다.
코드 머지를 완료하기 전에 잠재적 결함을 감지할 수 있도록 열려 있는 브랜치 및 풀 리퀘스트에 대해 보조 에이전트 코드 리뷰를 실행합니다.
공식 문서에 안내된 사용 절차
저장소 브랜치나 동료의 풀 리퀘스트를 열면 해당 작업 전용의 격리된 독립 Git 워크트리가 생성됩니다.
연결된 에이전트 모델에 코드베이스를 분석하고 프로젝트 파일 전반에 걸쳐 필요한 수정을 생성하도록 지시합니다.
사전 설정된 실행 명령어로 로컬 프로젝트를 가동하여 캔버스 프리뷰 내부에서 실시간 인터페이스를 확인합니다.
스테이징된 파일 차이점을 검토하고 내장 Git 도구를 활용해 애플리케이션을 벗어나지 않고 커밋, 푸시, 풀 리퀘스트를 제출합니다.
최종 머지 전에 코드 품질을 다듬고 문제점을 조기에 포착하기 위해 보조 에이전트 모델을 통한 자동 리뷰를 수행합니다.
Wonder Dev View는 각 워크스페이스에 독립적인 Git 워크트리를 부여하여 다중 코딩 에이전트를 유기적으로 조율합니다. 각 워크트리는 브랜치의 온전한 개별 복사본을 유지하므로, 병렬 작업 시 동시 로컬 개발에서 흔히 발생하는 파일 잠금, 종속성 충돌, 잦은 터미널 전환 문제를 방지할 수 있습니다.
이 환경은 사용자가 보유한 Claude Code 및 Codex 등의 AI 에이전트 구독과 직접 연동됩니다. 개발자는 여러 사용자 계정을 등록하고 채팅별로 원하는 모델과 추론 강도 수준을 지정할 수 있어 각 코딩 작업의 특성에 맞게 에이전트 자원을 유연하게 배분할 수 있습니다.
본인의 자료와 작업 흐름으로 직접 확인할 항목
확인한 출처와 확인 시점
출처를 확인한 제품 정보를 바탕으로 한 답변
아니요, 현재는 클라우드 워크스페이스를 지원하지 않습니다. 향후 클라우드 워크스페이스가 출시될 예정이나, 현재 코딩 에이전트는 사용자의 로컬 머신에서 직접 실행됩니다.
네, 그렇습니다. Wonder는 개발 인터페이스 역할을 수행하므로, 사용자는 Claude Code나 Codex 같은 지원 에이전트에 대한 본인의 기존 구독을 직접 연동해야 합니다.
Wonder는 각 워크스페이스를 개별 Git 워크트리로 격리하여 브랜치의 독립된 사본을 제공하므로, 병렬 에이전트 작업 간에 상호 충돌 없이 안전하게 구동됩니다.
캔버스는 단순한 정적 이미지가 아닌 실제 프론트엔드 구조를 렌더링하여, 에이전트가 코드에서 화면을 읽어오고 시각적 변경 사항을 코드에 반영하며 라이브 앱 프리뷰를 보여주도록 돕습니다.
네, 워크스페이스와 에이전트 대화가 Git 브랜치, 커밋, 푸시 및 풀 리퀘스트 추적을 기반으로 구성되어 있어 Git 및 GitHub에 대한 기초적인 이해가 반드시 필요합니다.
