BeatDesign의 개요
BeatAPI의 BeatDesign은 내 컴퓨터에서 돌리는 브라우저 작업 공간입니다. 프롬프트, 이미지, 영상, 오디오를 놓는 무한 캔버스, 자르기와 오버레이와 스타일 SRT 자막과 MP4 내보내기를 하는 타임라인 편집기, 공유 에셋 라이브러리가 있습니다. MCP 서버는 브라우저와 같은 프로젝트, 같은 SQLite 데이터베이스에서 동작하므로 에이전트의 변경이 열린 탭에 나타납니다. 이미지와 영상 생성은 내 API 키로 BeatAPI를 거치며, 가져오기와 편집과 내보내기에는 키가 필요 없습니다.
저장소는 Apache-2.0이고 TypeScript로 작성되었으며 2026년 11월 11일 기준 스타 약 348개, 2026년 10월 21일에 v0.2.5를 냈고 마지막 커밋은 11월 4일입니다. macOS나 Windows에서 Node.js 22+, pnpm, 최신 Chrome으로 동작합니다.
BeatDesign 설치 방법
git clone https://github.com/BeatAPI/BeatDesign.git && pnpm install && pnpm db:push && pnpm mcpBeatDesign, 쓸 만한 가치가 있습니까?
BeatDesign의 MCP 서버는 스타 수가 짐작하게 하는 것보다 잘 만들어졌습니다. v0.2.5 패키지는 30개, 현재 소스는 38개 도구를 프로젝트, 에셋, 캔버스, 생성, 편집기에 걸쳐 제공하며, 모든 쓰기는 브 라우저와 같은 명령 계층을 거치고 안정적인 ID, 리비전 확인, 멱등 키를 씁니다. 서버는 캔버스나 타임라인 전체를 통째로 바꾸지 않으므로 경합에서 진 에이전트는 작업을 지우는 대신 작업 하나를 다시 실행하고, 생성 요청은 유료 제공사에 연결하기 전에 눈에 보이는 대기 카드를 먼저 만듭니다.
에이전트에게 설치할 이유는 편집기 도구입니다. 타임라인에 클립을 놓고, 이미지 오버레이를 배치하고 옮기고, 자막을 하나씩 조정하고, 저장된 타임라인을 ffmpeg와 ffprobe로 MP4로 렌더링한 뒤 검토할 정확한 탭의 링크를 건넬 수 있습니다. Higgsfield 서버 같은 호스팅 경쟁자는 미디어를 생성하고, 이것은 조립까지 합니다.
주의할 점: 생성은 기본적으로 URL이 고정된 BeatAPI에 연결되어 있고, 다른 제공사를 쓰려면 포크에서 어댑터를 써야 합니다. BeatAPI는 종량제로 이미지는 $0.012부터, 영상은 대부분 초 단위로 청구되며, 사이트에는 운영 회사 이름이 없습니다. 호스팅 협업, 이름 붙은 여러 타임라인, 전환 효과, 속도 조절, 데스크톱 패키지는 아직 없고, 포함된 스킬 카탈로그는 스킬이 프로젝트 자체 테스트를 통과할 때까지 일부러 비워 두었습니다.
보안 면에서 앱은 1인용이고 인증이 없습니다. 작업 공간은 127.0.0.1:3020, 선택형 HTTP MCP 엔드포인트는 127.0.0.1:3031로 둘 다 루프백에서 제공되며, 프로덕션은 로컬이 아닌 Host 헤더를 거부합니다. BEATDESIGN_MCP_TOKEN을 설정하면 Bearer 토큰이 추가됩니다. API 키는 로컬 SQLite 파일 안에서 암호화됩니다. 두 포트 중 하나라도 내 컴퓨터 밖으로 열면 누구나 내 프로젝트와 BeatAPI 잔액에 접근할 수 있습니다.
제 역할을 하는 곳
직원 20명 소비자 브랜드의 소셜 미디어 담당자
제품 클립 여섯 개와 로고로 자막 있는 30초 광고를 만들고 싶다
클립을 가져오고 에이전트에게 타임라인을 짜고 로고 오버레이를 놓고 SRT를 불러오게 한 뒤, 에이전트가 연 Editor 탭에서 검토합니다. 생성이 없으면 무료입니다.
짧은 애니메이션 시퀀스의 스토리보드를 짜는 1인 유튜버
캔버스에서 이미지 아이디어를 가지치기하고 고른 장면을 영상으로 늘리고 싶다
캔버스에서 정지 이미지를 생성하고 클립의 마지막 프레임에서 이어 가며, 확정한 생성마다 이미지당 또는 영상 초당 BeatAPI에 지불합니다.
사내 에이전트용 영상 파이프라인을 만드는 개발자
클라우드 편집기 없이 반복 가능한 편집과 렌더링을 스크립트로 만들고 싶다
pnpm mcp를 실행하고 에이전트에서 bdesign_editor_edit와 bdesign_editor_render를 호출하며, 모든 프로젝트를 로컬 데이터베이스와 data/project-assets 폴더에 둡니다.
도입 전 확인할 점
- 설정
- 저장소를 클론하고 pnpm install, pnpm db:push 후 작업 공간은 pnpm dev, stdio 서버는 pnpm mcp로 띄웁니다. Claude Code, Codex, Cursor, VS Code Copilot, Gemini CLI와 그 밖의 10개 이상 호스트용 설정이 들어 있습니다.
- 연동
- v0.2.5에 30개, 현재 소스에 38개 도구가 있으며 bdesign_canvas_apply, bdesign_generation_submit, bdesign_editor_edit, bdesign_editor_render 등과 beatdesign://skills의 읽기 전용 스킬 리소스가 있습니다. stdio와 Streamable HTTP 전송을 지원합니다.
- 데이터와 개인정보
- 프로젝트, 미디어, 기록은 로컬 SQLite 데이터베이스와 폴더에 남습니다. 에이전트는 지정한 로컬 파일을 가져오고 프로젝트를 편집하고 렌더링할 수 있으며, 생성 참조 자료는 요청을 제출할 때만 BeatAPI에 업로드됩니다. 제공사 키는 로컬에서 암호화됩니다. 작업 공간에 인증이 없으므로 루프백에 머물러야 합니다.
- 대규모 사용 시 비용
- 로컬에서는 무료입니다. BeatAPI는 이미지를 $0.012(1K Nano Banana 2.1)부터 $0.05(Nano Banana Pro)까지 제시하며, 영상은 대부분 초 단위, Veo 3.1은 영상 단위로 청구합니다. 무료 크레딧은 공개되지 않았습니다.
- 제한
- Chrome이 있는 macOS와 Windows만 지원하고, 짧은 형식 작업용이며, 호스팅 협업은 없습니다. 2026년 11월 11일 기준 열린 이슈는 2개입니다.
좋은 점
- 에이전트가 리비전 확인이 있는 멱등 명령으로 편집
- 저장된 타임라인을 MCP에서 MP4로 렌더링
- 로컬 편집과 내보내기에 API 키 불필요
- 기본은 루프백 전용, 선택형 Bearer 토큰