요약
Vibe Kanban은 클로드 코드 작업을 칸반 보드로 시각화하여 진행 상황을 트래킹할 수 있는 도구입니다. 워크트리를 자동으로 생성하고, 다양한 LLM을 지원하며, 마우스 중심의 직관적인 UI로 개발 작업을 관리할 수 있습니다.
주요 내용
1. Vibe Kanban 소개 및 설치
- Vibe Kanban의 핵심 기능
- 클로드 코드 작업을 칸반 보드로 시각화
- Task를 생성하고 Progress, In Review, Done 상태로 자동 이동
- 각 Task 내에서 LLM과 직접 채팅 가능
- 워크트리를 사용하여 작업 환경 자동 분리
- 클로드뿐만 아니라 다양한 LLM 지원
- 설치 방법
npx vibe-kanban명령으로 실행- Node.js가 필요 (없으면 Node.js 설치 필요)
- 로컬 서버 포트 51230에서 실행
- GitHub 연동 설정 (처음 실행 시)
2. 프로젝트 생성 및 Task 관리
- 프로젝트 설정
- Create Project를 통해 새 레포지토리 생성 또는 기존 폴더 선택
- 프로젝트 실행 시 bash 스크립트 추가 가능 (선택사항)
- 프로젝트별로 독립적인 칸반 보드 생성
- Task 생성 방법
- 제목(Title): Task의 이름
- 설명(Description): LLM에게 전달할 프롬프트
- “Create Task”: Task만 생성
- “Create and Start”: Task 생성 후 즉시 실행
- 실습 예제
- “느낌표 넣기”: “최신 전자 기기를 만나 보세요.” 끝에 느낌표 3개 추가
- 여러 Task를 동시에 병렬로 실행 가능
- 각 Task는 독립적인 워크트리에서 작업
3. 워크트리 관리 및 GitHub 연동
- 워크트리 자동 생성
- Task를 시작하면 자동으로 워크트리 생성
.worktree폴더 내에 별도 작업 공간 생성- 각 Task별로 독립적인 브랜치와 작업 공간 유지
- 코드 확인 및 병합
- VS Code에서 워크트리 경로 직접 열기 가능
- Diff 뷰로 변경사항 실시간 확인
- 원본 프로젝트는 워크트리 작업 중에도 영향 없음
- GitHub 통합
- “Create PR” 버튼으로 풀 리퀘스트 생성
- “Merge” 버튼으로 직접 병합 가능
- 병합 완료 시 자동으로 Done 상태로 이동
- Rebase 후 병합도 가능
4. 고급 기능 및 활용법
- LLM 선택
- Claude, Claude Plan 등 다양한 LLM 선택 가능
- 각 Task마다 다른 LLM 사용 가능
- 처음 실행 시 기본 코딩 에이전트 설정
- Base Branch 설정
- 워크트리를 생성할 Base Branch 선택 가능
- 다른 브랜치 상태에서도 작업 시작 가능
- 병렬 작업 관리
- 여러 Task를 동시에 In Progress 상태로 실행
- 각 Task는 독립적인 워크트리 경로에서 작업
- 실시간으로 각 Task의 진행 상황 모니터링
- 프롬프트 템플릿 (Template)
- 자주 사용하는 프롬프트를 템플릿으로 저장
- 커스텀 커맨드 기능이 없는 LLM에서 특히 유용
- 반복 작업 시 효율성 증가
- 작업 이력 추적
- 각 Task의 채팅 로그 전체 보관
- 어떤 프롬프트가 입력되었는지 확인 가능
- 로컬에서 모든 작업 이력 확인 가능
핵심 인사이트
- 비개발자에게 특히 유용: 마우스 중심의 직관적인 UI로 워크트리와 Git 개념이 부족해도 쉽게 사용 가능
- 작업 시각화의 중요성: 칸반 보드로 여러 병렬 작업을 한눈에 관리할 수 있어 프로젝트 진행 상황 파악이 용이
- 워크트리의 완전한 활용: Claude Squad보다 더 직관적인 UI로 워크트리를 관리하며, VS Code 연동으로 실시간 변경사항 확인 가능
- LLM 도구의 확장성: 커스텀 커맨드가 없는 LLM에서도 템플릿 기능으로 효율적인 작업 가능
- 개발 워크플로우 개선: GitHub 연동으로 PR 생성부터 병합까지 하나의 인터페이스에서 처리 가능
관련 자료
- Vibe Kanban GitHub: 영상에서 검색하여 접근 가능
- 코드팩토리 바이브 코딩 강의: https://buly.kr/8elgm46
- 국내 최초 클로드 코드 완벽 가이드: https://bit.ly/4lEuMvd
- 코드팩토리 통합 링크 (모든 강의 및 서적): https://links.codefactory.ai
- 바이브코딩 오픈톡방: https://open.kakao.com/o/gDUhYNDh