Vibe Coder 레이아웃

프롬프트 중심 레이아웃: 전체 크기의 컴포저, 프로젝트·에이전트·모델용 칩, 그리고 Preview·Changes·Code를 나란히 배치합니다.

대부분의 레이아웃은 코드를 중심에 두고 도구를 배치합니다. Vibe Coder는 한 가지 질문을 중심으로 도구를 배치합니다: 무엇을 만들고 싶으신가요?

레이아웃 선택기에서 Vibe Coder를 선택하세요. 워크스페이스가 컴포저 중심의 화면으로 재배치됩니다 — 터미널은 여전히 실제로 뒤에서 실행되고 있지만, 더 이상 가장 먼저 보는 것이 아닙니다.

Vibe Home

홈 화면은 축소된 채팅 상자가 아닌 전체 크기의 컴포저입니다. Agent Input에서 사용할 수 있는 모든 기능이 여기서도 작동합니다:

  • 파일, 터미널, 에이전트, 그리고 형제 프로젝트에 대한 @ 멘션
  • 스킬과 슬래시 명령어
  • Prompt templates
  • 이미지 끌어다 놓기

프롬프트 아래에는 실행 방식을 결정하는 일렬의 칩이 있습니다:

  • 프로젝트 — 이 프롬프트가 실행될 대상 저장소
  • 에이전트 — Claude Code, Codex, Kimi, Pi, 또는 설치된 다른 에이전트
  • 모델 — 해당 에이전트의 모델 칩
  • 계획 또는 빌드 — 에이전트가 먼저 계획을 작성할지, 아니면 파일 변경을 바로 시작할지
  • 권한 수준 — 실행에 대한 권한 태도

프로젝트를 로드하지 않은 상태로 앱을 열어도 Vibe Home이 여러분을 맞이합니다. 따라서 새로운 아이디어는 반드시 폴더를 선택하는 것부터 시작할 필요가 없습니다.

전송하면 대화가 됩니다

프롬프트를 전송하면 Vibe Home이 대화 화면으로 전환됩니다. 그 아래에서 실행되는 에이전트는 일반적인 터미널입니다 — 원할 때마다 한 번의 클릭으로 원시 TUI를 볼 수 있으며, session persistence와 resume에 대해 알고 계시던 모든 내용이 그대로 적용됩니다.

최근 대화가 Home에 나열되어 있어, 어제의 대화를 이어가는 것이 탭을 뒤지는 것이 아닌 한 번의 클릭으로 가능합니다.

Preview, Changes, and Code

오른쪽 패널에는 세 가지 보기가 나란히 배치되어 있습니다:

  • Preview — 내장 browser를 통해 실행 중인 여러분의 앱
  • Changes — 에이전트가 실시간으로 생성하는 diff
  • Code — 파일 자체

핵심은 결과를 사후에 찾아다니는 대신, 빌드가 진행되는 과정을 지켜볼 수 있다는 것입니다.

사용하기 좋은 경우

Vibe Coder는 파일이 아닌 설명에서 시작하는 작업에 적합합니다: 새로운 기능, 스파이크, 프로토타입, 또는 아직 잘 모르는 저장소에서 에이전트를 운용하는 경우입니다. 수작업 편집을 해야 하는 날에는 Default or Classic이 더 나은 선택입니다.

레이아웃은 프로젝트별로 설정되므로, 한 프로젝트는 Vibe Coder를 사용하면서 다른 프로젝트는 Default를 사용할 수 있습니다.

관련 항목