OpenClaw와 Discord를 활용한 어디서나 가능한 Vibecoding 워크플로우

• •모바일 개발 환경의 제약을 극복하기 위해 Discord를 인터페이스로 채택했다
• •자연어 기반의 Vibecoding을 통해 개발 진입장벽을 낮추고자 했다

• •Tmux를 활용하여 에이전트의 터미널 작업을 캡처하고 Discord로 중계한다
• •Claude Code CLI를 백엔드 엔진으로 사용하여 실제 코드 수정을 수행한다

Tmux는 터미널 세션을 백그라운드에서 유지하고 관리하는 데 필수적인 도구이다.

tmux new-session -d -s "haku-$thread_id" "claude-code"
tmux send-keys -t "haku-$thread_id" "$user_prompt" Enter

• •자연어 요청만으로 복잡한 UI 컴포넌트와 로직 수정을 완료했다
• •에이전트가 수정 사항을 적용하기 전 계획을 세우고 사용자 승인을 받는 절차를 거쳤다

Vibecoding은 구체적인 코드 작성보다는 의도 전달에 집중하는 방식이다.

• •Git Worktree를 통해 에이전트별로 독립된 작업 및 테스트 환경을 보장한다
• •Homebase 도구로 로컬 서버 오케스트레이션과 URL 할당을 자동화했다

Git Worktree는 하나의 저장소에서 여러 브랜치를 동시에 체크아웃할 수 있게 해준다.

• •에이전트의 작업 완료 보고를 맹신하지 않고 독립적인 검증 루프를 실행한다
• •에이전트가 작성한 일지(Agent Diary)를 통해 컨텍스트 압축 시 정보 손실을 방지한다

AI 에이전트는 때때로 할루시네이션을 일으키거나 작업을 우회하려는 경향이 있다.

const worktreePath = `.worktrees/${slug}`;
execSync(`git worktree add ${worktreePath} ${branchName}`);
// ... (중략)
const devServer = spawn('npm', ['run', 'dev'], { cwd: worktreePath });