App Inventor MCP

AI 에이전트가 MIT App Inventor 프로젝트를 만들고 편집할 수 있게 해주는 MCP(Model Context Protocol) 서버입니다. 에이전트는 디스크에 실제 .aia 파일을 생성하며, 그 파일은 App Inventor에서 *Projects > Import (.aia)*로 가져옵니다.

AIA Stitch 제품군의 일부입니다. 자매 프로젝트: aia-stitch(프로젝트 병합용 웹 UI).

Why

App Inventor는 드래그 앤 드롭 방식의 시각적 도구라서 AI 에이전트가 사실상 접근할 수 없었습니다. 하지만 .aia 파일은 그냥 zip입니다. 화면은 JSON 문서(*.scm)이고, 블록은 XML(*.bky)이며, 에셋은 일반 파일입니다. 이 서버는 이러한 사실을 모든 MCP 클라이언트가 호출할 수 있는 도구로 노출하므로, 에이전트가 디자이너를 열어 보기도 전에 멀티스크린 앱 전체의 뼈대를 잡아줄 수 있습니다.

Related MCP server: Prowpt MCP Server

설정

Node 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

솔직한 한계

컴포넌트와 화면 속성은 완벽하게 지원됩니다. 블록 작성은 두 수준으로 동작합니다. aia_add_event_handlers를 통한 이벤트 핸들러 생성(속성 설정 및 화면 전환) 또는 aia_get_screen / aia_set_blocks를 통한 원시 Blockly XML 작성이 그것입니다. 아직 모든 블록 유형에 대한 고수준 표현은 없습니다. UI 중심의 앱은 현재도 끝까지 동작하지만, 복잡한 형태의 로직은 App Inventor에서막 다듬어야 할 수 있습니다.

프로세스 안에서 모든 파일 작업은 경로별로 직렬화되므로 에이전트의 파이프라인/동시 호출은 안전합니다. 동일한 .aia 파일에 대한 교차 프로세스 접근은 보호되지 않으므로, 한 파일을 두 서버에서 동시에 편집하지 마세요.