chzzkDevChat

치지직(Chzzk) 라이브 방송 시청자가 채팅으로 아이디어를 제안하면, 스트리머가 웹 대시보드에서 선택하여 Claude Code에 직접 전달하는 시스템입니다.

시청자 "!아이디어 할일 앱 만들어줘"
    → 웹 대시보드에 리스트 표시
    → 스트리머가 선택 클릭
    → Claude Code 세션에 전달
    → Claude가 코딩 수행

단일 Bun 프로세스에서 3가지 서브시스템을 운영합니다:

[치지직 채팅 WebSocket] --(!아이디어 필터)--> [In-Memory Ideas]
                                                  |
                              WebSocket <-------->|
                                  |               |
                          [웹 대시보드/OBS]        |
                          (스트리머가 선택 클릭)    |
                                  |               v
                              [MCP Channel Server] --stdio--> [Claude Code 세션]

# Bun 설치 (없는 경우)
curl -fsSL https://bun.sh/install | bash

# 의존성 설치
bun install

.env 파일을 생성하고 치지직 인증 정보를 입력합니다:

# 네이버 로그인 후 브라우저 개발자 도구 > Application > Cookies에서 확인
NID_AUT=your_nid_aut_here
NID_SES=your_nid_ses_here

# 치지직 채널 페이지 URL에서 확인 (예: chzzk.naver.com/live/xxxx)
CHZZK_CHANNEL_ID=your_channel_id_here

> 치지직 쿠키 없이도 대시보드 테스트는 가능합니다. 채팅 연동만 비활성화됩니다.

claude --dangerously-load-development-channels server:chzzk-ideas

Claude Code가 .mcp.json을 읽고 bun ./server.ts를 자동으로 subprocess로 실행합니다.

• 대시보드: http://localhost:8789
• OBS 오버레이: http://localhost:8789/?obs=true

Claude Code 없이 대시보드만 확인하고 싶은 경우:

bun run server.ts

> MCP stdio 연결 관련 에러가 나올 수 있지만 대시보드는 정상 동작합니다.

치지직 방송 없이도 테스트용 API로 아이디어를 주입할 수 있습니다:

# 테스트 아이디어 추가
curl -X POST localhost:8789/test-idea -d "할일 목록 앱을 만들어주세요"

# 여러 개 추가
curl -X POST localhost:8789/test-idea -d "계산기 만들어줘"
curl -X POST localhost:8789/test-idea -d "뱀 게임 만들어줘"

대시보드(http://localhost:8789)에서 아이디어가 실시간으로 표시되고, "Claude에 전달" 버튼으로 Claude Code에 전달할 수 있습니다.

1. 시청자가 채팅에 !아이디어 원하는 내용을 입력
2. 대시보드에 아이디어가 실시간으로 표시됨
3. 스트리머가 "Claude에 전달" 버튼 클릭
4. Claude Code 세션에 <channel> 태그로 아이디어가 도착
5. Claude가