パワポ作るマンをMCP Apps化してみた

パワポ作るマンを MCP Apps 化してみた岩本隆史 (@iwamot) 出版記念イベントin 東京『AWS ではじめるMCP
実践ガイド』 https://kinto-technologies.connpass.com/event/386363/

自己紹介岩本隆史 (@iwamot) ENECHANGE 株式会社 VPoT 『［入門］LLM アプリ開発』
（共著、技術評論社） 3-3 「MCP を使ったLLM アプリ開発」 1

本題 2

パワポ作るマンとはみのるんさん作のWeb アプリ https://pawapo.minoruonda.com/ https://github.com/minorun365/marp-agent AI エージェントがスライドをいい感じに作ってくれる 3

MCP Apps とは MCP の拡張仕様 Anthropic やOpenAI らが策定、2026 年1 月に公開
インタラクティブなUI ツールを提供サンドボックス化されたiframe で安全に動作現在、Claude Desktop App 、Claude.ai などが対応 https://modelcontextprotocol.io/clients 4

パワポ作るマンMCP Apps https://github.com/iwamot/marp-agent-mcp 基本機能を実験的に移植したもの使い慣れたAI クライアントでスライドが作れる森田さんの先行事例（資料完成後に気づいた… ） https://github.com/moritalous/slidev-mcp-apps ともかく、このあとデモします！
5

デモ 6

手元で試す場合「カスタマイズ」画面で設定コネクタ： https://pawapo.iwamot.com/mcp （認証不要）スキル：https://pawapo.iwamot.com/skill.zip プロンプト例：「MCP Apps について調べてスライド作って」 7

細かな話 8

MCP Apps 開発tips 1. 公式の create-mcp-app スキルで実装 2. ローカルサーバーをcloudflared でトンネル接続
3. Claude の開発者ツールでデバッグ Desktop App は開発者モードの有効化が必要 4. UI リソースのサイズをCDN で抑制バンドルが大きいと、UI が表示されない今回は marp-core が大きかったので esm.sh を利用 9

現状のインフラ構成ローカルでDocker イメージをビルド Amazon ECR にpush AWS App Runner にデプロイ
おすすめの構成があれば教えて！ 10

MCP Apps の未来正直、わからない CLI で代替しづらい機能であることは確か活用できるタスクは多そう https://github.com/modelcontextprotocol/ext-apps#examples 未来は予想するものじゃない、作るもの何か作ってみよう！
11

Thank you!

パワポ作るマンをMCP Apps化してみた

パワポ作るマンをMCP Apps化してみた

iwamot PRO

More Decks by iwamot

Other Decks in Technology

Featured

Transcript