はじめに

2025年6月頃からMarpを用いてスライドを作成している。Marpはマークダウンファイルをスライドに変換するツールである。非常に高速にスライドを作ることができるので使用開始から半年足らずだが既に多大なメリットを実感している。

↑これまでMarpで作成したスライドたち

AIとの連携にも興味があり、少し前にMarp用のMCPサーバーを自作した。事前定義したレイアウトの型にはめることでAIの出力を安定させるサーバーだ。これが非常に使いやすく、ヘビーユーズしている。

📘MarpスライドをMCPでコントロールしてみる

今回、このMarp用のMCPサーバーにテーマ選択オプションを追加した。

テーマが変わるとサイズ感が変わるので、各要素の文字数上限や画像サイズを変更する必要がある。

使い方

基本的にはREADMEを参照。MCPサーバーは対応するAIクライアントのMCP設定ファイルにコマンドを書き込むことで使用できるようになる。

{
  "mcpServers": {
    "marp-mcp": {
      "command": "npx",
      "args": ["-y", "@masaki39/marp-mcp"]
    }
  }
}

このとき-tもしくは--themeオプションを入れると、そのテーマ用のレイアウトが使用できるようになる。--theme defaultを省略した場合はdefaultが使われる。

{
  "command": "npx",
  "args": [
    "-y",
    "@masaki39/marp-mcp",
    "-t",
    "uncover"]
}

フロントマター生成ツール: Marp特有のフロントマターを記入するMCPツールを作った。
ノート生成オプション: スライドごとにコメント記法でノートを記入できる(AIに頼めばオプションでやってくれる)
npm testで視覚的な確認: テスト時にサンプルmdを生成→marp-cliでHTML化という流れを自動化。生成したHTMLはそのままGitHub Pagesにデプロイされ、READMEのサンプルスライドに流用される。

今回テーマやレイアウトをあとからどんどん追加できる枠組みを作ったので、今後の拡張性は非常に高い。AIが事前定義されたレイアウトを基にMCPでスライド作成→直接編集し微調整(手動orAI)→複雑なスライドはパワポであとから組み込む。これが最速のスライド作成ワークフローだろう。