Presentation Buddy MCP Server

프레젠테이션 버디 - AI 기반 스트리밍 제작 도우미

프로젝트 링크:

• DevPost 프로젝트 페이지
• YouTube의 데모 영상

Presentation Buddy는 Claude AI를 활용하여 스트리밍 제작을 자동화하는 OBS 제어 시스템으로, 솔로 크리에이터가 기술 관리보다는 콘텐츠 제공에 집중할 수 있도록 해줍니다.

기술 개요

이 구현에서는 다음을 사용합니다.

• OBS Studio : 업계 표준 스트리밍 소프트웨어
• TypeScript 기반 MCP 서버 : Claude AI를 OBS에 연결하는 가벼운 릴레이 서비스
• Claude AI : 자연어 이해 및 생산 의사 결정을 위해
• OBS WebSocket API : 장면 전환, 오버레이 및 미디어 요소를 직접 제어합니다.
• 로컬 처리 : 모든 기능은 최소 지연 시간 동안 발표자의 컴퓨터에서 실행됩니다.

주요 구성 요소

• MCP 서버 : Claude의 결정을 OBS WebSocket 명령으로 변환하는 미들웨어
• 장면 관리 : 콘텐츠 및 음성 신호에 따른 자동 전환
• 미디어 컨트롤 : 오버레이, 캡션 및 PIP(화면 속 화면) 요소의 지능적인 처리
• 음성 응답 : 프레젠테이션 중 AI 응답을 위한 텍스트-음성 기능

구현

서버는 OBS와 웹소켓 연결을 설정하고 클로드가 액세스할 수 있는 API를 제공합니다. 클로드는 발표자의 음성이나 화면 콘텐츠에서 제작 요구 사항을 파악하면 MCP 서버를 통해 명령을 전송하여 OBS를 실시간으로 제어합니다.

영감

혼자서 살아가는 건 힘들어요.
대화하는 동안 카메라 각도를 바꾸고, 슬라이드를 보여주고, 자막을 추가하고, 시청자의 몰입을 유도해야 합니다. 이 모든 작업을 동시에 해야 하죠. 저희는 제작 부스를 잘 관리할 수 있는 동료를 찾고 있었습니다. 모든 솔로 크리에이터가 버튼 조작이 아닌 스토리에 집중할 수 있도록 말이죠.

그것이 하는 일

프레젠테이션 버디는 스트리머와 발표자를 위한 AI 기반 보조 도구입니다.
화면과 마이크 뒤에서 무슨 일이 일어나는지 듣고 다음을 수행합니다.

• 완벽한 순간에 장면을 전환합니다
• 캡션, 그래픽 또는 화면 속 화면 창을 자동으로 팝업합니다.
• 휴식이 필요할 때 짧은 음성 해설도 제공합니다.

결코 지치지 않는 작은 생산자라고 생각해 보세요.

우리가 그것을 어떻게 만들었는가

• 클로드 AI는 신호를 듣는다.
• 가벼운 릴레이는 이러한 신호를 가장 인기 있는 라이브 스트리밍 도구인 OBS Studio로 전송합니다.
• OBS는 "카메라 변경", "자막 표시", "재생 시작"과 같은 명령을 받아 마법 같은 일을 일으킵니다.
• 텍스트 음성 변환 기능을 추가하면 AI가 고유한 목소리를 낼 수 있습니다.

이 모든 것이 로컬에서 실행되므로 클라우드 지연이나 특별한 하드웨어가 없습니다.

우리가 마주한 도전

• 네이티브 OBS API를 래핑하는 MCP 서버 구축
• 실시간 음성 응답 시간
• 클로드가 잘 따라가는 좋은 줄거리
• MCP를 통해 Claude에게 스크린샷을 제공할 수 없습니다.

우리가 자랑스러워하는 성과

• 인간의 클릭 없이 타이틀 슬라이드에서 동적 콘텐츠로 전환되는 라이브 데모입니다.
• 1인 방송 환경을 스트레스 없는 방송 환경으로 전환했습니다.

우리가 배운 것

• Claude와 Cursor에서 MCP를 빌드하고 구성하는 방법

Presentation Buddy의 다음 단계는 무엇일까요?

1. 시청자 상호 작용 – 채팅 투표를 통해 오버레이와 여론조사를 실행합니다.
2. 한 번의 클릭으로 설치가 가능 하므로 모든 스트리머가 몇 분 안에 새로운 친구를 만날 수 있습니다.

솔로 스트리머에서 스튜디오 프로로 즉시 변신하세요.

설치 및 설정

1. 이 저장소를 복제하세요
2. npm install 로 종속성 설치
3. OBS WebSocket 연결 설정 구성
4. npm start 로 MCP 서버를 시작합니다.
5. Claude AI 인스턴스를 MCP 서버에 연결합니다.
6. OBS 세션을 시작하고 Presentation Budy가 제어권을 갖도록 하세요.

클로드 MCP 구성

프레젠테이션 버디에서 클로드를 설정하려면 커서 또는 다른 클로드 인터페이스에서 MCP(머신 제어 프로토콜) 설정을 구성해야 합니다. 이렇게 하면 클로드가 저희 서버를 통해 OBS를 제어할 수 있습니다.

클로드 MCP 구성

Claude 설정에 다음 구성을 추가하세요.

지엑스피1

경로를 실제 Node.js 및 서버 경로로 바꾸세요.

• /path/to/your/node - Node.js 실행 파일의 경로(예: /Users/username/.nvm/versions/node/v20.17.0/bin/node )
• /path/to/obs-mcp-server-ts/build/index.js - 빌드된 서버 JavaScript 파일에 대한 경로

TTS-MCP 구성의 경우 다음을 확인하세요.

1. 실제 OpenAI API 키를 삽입하세요
2. 원하는 음성을 선택하세요(기본값: nova)
3. 텍스트 음성 변환에 적합한 모델을 선택하세요(기본값: gpt-4o-mini-tts)

OBS 설정

1. OBS Studio 설치(버전 28 이상 권장)
2. OBS에서 WebSocket 서버를 활성화하세요:
   • 도구 → WebSocket 서버 설정으로 이동하세요.
   • WebSocket 서버 활성화
   • 포트를 설정합니다(기본값: 4455)
   • 필요한 경우 인증을 구성하세요
3. OBS에서 장면을 만드세요:
   • 메인 카메라
   • 프레젠테이션/슬라이드
   • 픽처 인 픽처
   • Claude가 제어하기를 원하는 추가 장면이 있습니까?

연결 테스트

구성 후:

1. OBS Studio 시작
2. MCP 서버를 실행합니다( npm start )
3. MCP가 구성된 Open Claude
4. 장면 전환과 같은 간단한 명령을 테스트합니다.

특허

이 프로젝트는 MIT 라이선스에 따라 제공됩니다.