deckpipe.dev

각 슬라이드는 HTML, CSS, JS로, 격리된 1920×1080 shadow root에 산다. 에이전트는 템플릿의 고정 슬롯과 싸우지 않고 픽셀 단위 레이아웃을 설계한다. 슬라이드가 보일 수 있는 상한은 도구의 레이아웃 라이브러리가 아니라 에이전트 자신의 역량이 된다. 경쟁사가 쏟아내는 자동 생성 덱과 차별화해야 하는 브랜드 덱을 만들 때 이 점이 크게 작용한다.

deckpipe는 MCP를 아는 모든 에이전트를 위해 /mcp에서 원격 서버를 돌리며, npx deckpipe-mcp로 로컬에 설치해 stdio 전송을 쓸 수 있다. Claude Code, Cursor, Claude 데스크톱이나 웹이 모두 이 경로로 연결한다. 툴체인이 이미 MCP를 말한다면 설정은 한 줄이지, 프로젝트가 아니다.

스타일시트 하나가 덱 위에 있고 모든 슬라이드가 그것을 채택한다. 색, 활자 크기, 여백을 한 번 쓰면 덱 전체가 상속한다. 헤드는 Google Fonts, CDN 스크립트, 아이콘 라이브러리도 불러오므로 에이전트는 시스템 기본값에 갇히지 않는다.

캔버스 슬라이드의 아무 텍스트나 클릭하면 바로 편집한다. 구조 변경은 삽입, 삭제, 이동, 교체 작업으로 처리하므로 에이전트는 덱 전체를 다시 보내지 않고 한 요소를 고칠 수 있다. 코멘트도 같다. 요소를 표시하면 에이전트가 피드백을 읽고, 덱을 갱신하고, 답한다.

preview_slide와 get_slide_screenshot은 렌더링된 PNG를 인라인으로 돌려주고, 오버플로, JS 오류, 폰트 로딩을 다루는 렌더링 리포트도 함께 준다. 에이전트는 확정 전에 리뷰어가 보는 것을 본다. 제목이 프레임 밖으로 흘러나오는 고전적 버그를 잡아낸다.

MCP 표면은 작고 요점만 남긴다. create_deck, clone_deck, get_deck, update_deck, delete_deck, preview_slide, get_slide_screenshot, upload_image, search_images, list_layouts, list_comments, reply_to_comment, resolve_comment. 타이트한 API가 거대한 API보다 에이전트가 잘 쓰기 쉽다.