deckpipe.dev

各スライドはHTML、CSS、JSで、隔離された1920×1080のshadow rootに住む。エージェントはテンプレートの固定スロットと格闘せずにピクセル単位のレイアウトを設計する。スライドの見た目の上限はツールのレイアウトライブラリではなくエージェント自身の能力になる。競合が量産する自動生成デッキと差をつけなければならないブランドデッキを作るなら、ここは大きい。

deckpipeはMCP対応のあらゆるエージェント向けに/mcpで遠隔サーバーを動かしており、npx deckpipe-mcpでローカルにインストールしてstdioトランスポートを使える。Claude Code、Cursor、Claudeのデスクトップ版やWeb版はすべてこの経路で接続する。ツールチェーンがすでに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よりエージェントはうまく使える。