App Inventor MCP

AIエージェントがMIT App Inventorプロジェクトを構築・編集できるMCP（Model Context Protocol）サーバーです。エージェントは実際の .aia ファイルをディスク上に作成し、それを App Inventor の Projects > Import (.aia) から取り込みます。

AIA Stitchファミリーの一部です。姉妹プロジェクト: aia-stitch（プロジェクト結合用Web UI）。

なぜ

App Inventor は視覚的なドラッグ＆ドロップツールであり、歴史的にAIエージェントを締め出していました。しかし .aia ファイルはただのzipです。画面はJSONドキュメント、ブロックはXML、アセットはプレーンなファイルです。このサーバーは、それらの事実を、どのMCPクライアントでも呼び出せるツールとして公開します。そのため、エージェントは、デザイナーを開く前に、複数画面のアプリ全体の雛形を作成できます。

Related MCP server: Prowpt MCP Server

セットアップ

Node.js 18+ が必要です。

npm install
node server.mjs

MCPクライアントの設定（Claude Desktop、opencodeなど）に追加します：

{
  "mcpServers": {
    "app-inventor": {
      "command": "node",
      "args": ["/absolute/path/to/app-inventor-mcp/server.mjs"]
    }
  }
}

ツール

テスト

node test.mjs    # library roundtrip: create, author, merge
node smoke.mjs   # full MCP protocol handshake + tool calls over stdio
node stress.mjs  # scale (25 screens / 120 components), concurrency, abuse, recovery

正直な限界

コンポーネントと画面プロパティは完全にサポートされています。ブロックの作成は2つのレベルで動作します：aia_add_event_handlers による生成イベントハンドラ（プロパティ設定と画面遷移）、または aia_get_screen / aia_set_blocks による生のBlockly XMLです。すべてのブロックタイプに対応した高レベルな語彙はまだありません。UI中心のアプリは今日エンドツーエンドで動きますが、特殊なロジックはApp Inventor内での仕上げが必要かもしれません。

ファイル操作はすべてプロセス内でパスごとに直列化されているため、エージェントからのパイプライン・加算同時呼び出しは安全です。同じ .aia ファイルへのプロセスをまたいだ同時アクセスは保護されていません。1つのファイルを2つのサーバーで同時に編集しないでください。