DocsDigest
Back to listLanguage: JA
OpenAIExpoOct 21, 2025, 1:00 PM

Become an AI-native developer with the Expo MCP server

A condensed section focused on the key takeaways first.

Original Post
OpenAIClaude

Quick Digest

Summary

A condensed section focused on the key takeaways first.

openaienmodel: gpt-5-mini-2025-08-07

Expo MCP Server: Connect AI assistants to your Expo projects

expomcpai-assistantsdk-54visual-testingeas

Key Points

  • Remote MCP server for Expo projects
  • Local SDK 54+ enables UI interaction & screenshots
  • Preview available to EAS paid plan customers

Summary

The Expo MCP Server is a preview remote Model Context Protocol (MCP) server that connects AI coding assistants to your Expo projects. It gives assistants up-to-date Expo docs, intelligent dependency installation, configuration generation, and — with local capabilities enabled — visual verification and automated UI interactions against a running dev server.

Key Points

  • What it is: A remote MCP server (mcp.expo.dev) that makes AI assistants Expo-aware and able to access project context and docs.
  • Server capabilities: Always-available features include searching Expo docs, learning framework patterns, generating configs, and recommending/installing compatible packages (npx expo install).
  • Local capabilities (SDK 54+): When your Expo dev server runs with MCP enabled the assistant can capture screenshots, simulate taps, open DevTools, and verify UI behavior.
  • Use cases: Automate dependency management, implement features from docs, run visual verification and fix UI issues autonomously, and augment testing (lint/type/unit) with visual checks.
  • Requirements: Any EAS paid plan (hosted MCP available to customers), Expo SDK 54+ for local features, and AI tools that support remote MCP (e.g., Claude Code, Cursor, VS Code extensions).
  • Preview notes: Feature is in preview; Expo requests feedback via Discord (#mcp) and Twitter/X to prioritize future EAS integrations (builds, updates, app store automation).

Getting started (practical)

  • Ensure you have an EAS paid plan and Expo SDK >=54 for local features.
  • Configure MCP in your project (takes ~1 minute) and connect your preferred AI tool that supports remote MCP.
  • Start your Expo dev server with MCP enabled to unlock local automation and visual verification.

Recommended next steps for engineers

  • Try common workflows: package installs for your SDK, adding camera/notifications, and visual tests (screenshots + interaction checks).
  • Provide feedback on desired EAS integrations and automated verifications to shape SDK 55+ roadmap.

Full Translation

Translations

A translation section that keeps the flow of the original article.

openaijamodel: gpt-5-mini-2025-08-07

Expo MCP サーバーで AI ネイティブ開発者になろう

Expo MCP サーバーで AI ネイティブ開発者になろう

Development • Product • October 21, 2025 • 7 minutes read

著者: Kudo Chien (Engineering)、Christian Falch (Engineering)

プレビューリリース: Expo MCP Server は現在プレビュー版で、Starter Plan、Production Plan、Enterprise Plan の加入者が利用できます。私たちはこの機能を積極的に開発しており、あなたのワークフローにとって最も価値のある機能についてフィードバックを求めています。

概要

Expo MCP Server はリモート MCP サーバーで、AI コーディングアシスタントを直接あなたの Expo プロジェクトに接続します。これにより最新の Expo ドキュメントへのアクセス、開発タスクの自動化、アプリの視覚的検証といった機能をアシスタントに提供できます。

MCP とは？

Model Context Protocol (MCP) は、AI モデルが外部データソースやツールと連携するためのオープン標準です。MCP は、AI アシスタントに正確な Expo プロジェクトのコンテキストを提供します。具体的には SDK バージョンの理解、関連ドキュメントへのアクセス、実行中の開発環境への接続によるワークフロー自動化、そして視覚的検証による AI 生成コードの問題検出などが可能になります。

Learn more about MCP →

Expo MCP Server を作った理由

AI コーディングアシスタントは強力ですが、フレームワーク固有のパターンやベストプラクティスを深く理解していないことが多いです。Expo で開発する際は、フレームワークの慣習や相性の良いパッケージ、正確で最新のドキュメントにアクセスできるアシスタントが必要です。また、開発環境固有の問題をデバッグできることも重要です。

Expo MCP Server は、このギャップを埋め、汎用的な AI アシスタントを Expo に詳しい開発パートナーへと変えるために作られました。アシスタントはあなたの開発環境を理解し、直接対話できます。

サーバー機能とローカル機能の連携

Expo MCP Server は、以下の2種類の機能を提供します。

  • サーバー機能 (常時利用可能): MCP サーバー (mcp.expo.dev) に接続すれば利用できます。これには Expo のパターン学習、ドキュメント検索、パッケージのインストール支援、設定ファイル生成などが含まれます。追加のセットアップなしで即座に Expo の知識にアクセスできます。

  • ローカル機能 (高度な機能): 開発環境への直接アクセスが必要な高度な機能です。Expo 開発サーバーを MCP 有効で起動すると (SDK 54+)、AI アシスタントはスクリーンショット取得、UI 操作の自動化、DevTools の起動、アプリ構造の解析などが可能になります。これらは実行中のシミュレータやエミュレータとやり取りするためローカルで実行されます。

Expo 開発サーバーがこれらのローカル機能をリモート MCP サーバーに橋渡しするため、別途ローカル MCP サーバーを立てる必要はありません。このハイブリッドアプローチにより、即時に利用できる知識と、必要時に使える強力な自動化の両方を得られます。

See full list of available capabilities →

Expo MCP Server の実例

Expo のパターンを瞬時に学ぶ

新しいフレームワーク機能を学ぶとき、多くのタブを開いてドキュメントを探し、例を組み合わせる必要があります。Expo MCP Server を使うと、AI アシスタントが要求に応じて最新の公式ドキュメントを取得します。例えば：

"add AGENTS.md / CLAUDE.md to this project"

"Learn how to use expo-router"

"Search documentation for implementing deep linking"

"What is Expo CNG?"

アシスタントは最新のガイドを取得し、現在のベストプラクティスに沿って実装手順を案内します。古いドキュメントや LLM の記憶に依存することはありません。

依存関係の管理を支援

Expo MCP Server は推奨パッケージのインストールを案内し、npx expo install を使ってインストールします。これにより、プロジェクトと互換性のある高品質なライブラリを使用できるように支援します。例：

"Add SQLite with basic CRUD operations"

"Install expo-camera and show me how to take photos"

"Add expo-notifications for push notifications"

これらのプロンプトは SDK バージョンに対応したパッケージをインストールし、Expo ドキュメントから最新のモジュールドキュメントと使用例を取得して、あなたと LLM の両方に実装を案内します。

視覚的検証とテストの自動化

既に AI アシスタントにユニットテスト、型チェック、lint を走らせているかもしれませんが、ローカル機能を有効にすると、アシスタントは実行中のアプリを実際に見て操作できます。これにより、LLM がただコードを生成するだけでなく、動作を検証して自ら問題を修正するという新しいワークフローが実現します。例：

"Add a blue circle view and make sure it's rendering correctly"

"Add a button and tap it to verify the interaction works"

"Add a counter button that increments on tap and verify the state updates correctly"

アシスタントはコードを書き、スクリーンショットを取得して UI の正しさを検証し、インタラクションをテストし、問題があれば自動で修正します。生成されたコードが実際に動作するかを手動で確認する必要はもうありません。

注意: ローカル機能は Expo SDK 54+ と実行中の開発サーバーが必要です。セットアップ手順を参照してください。

はじめ方

セットアップは数分で完了します。必要なものは次の通りです。

  • Any EAS paid plan subscription (the hosted MCP server is available to all customers)
  • Expo SDK 54+（ローカル機能を使う場合）
  • AI ツールがリモート MCP サーバーをサポートしていること（Claude Code、Cursor、VS Code など）

View the complete setup guide →

このビデオチュートリアルも導入に役立ちます:

Get started with Expo's MCP Server Preview

プレビューの焦点: 開発ワークフロー

このプレビュー期間中、私たちは開発ワークフローの効率化に注力しています。コード作成、デバッグ、パターン学習、テストの高速化を支援する機能を優先しています。現時点の機能はこの目標に沿って設計されていますが、MCP サーバーでさらにできることは多くあります。

  • EAS サービス（ビルドのトリガーやアップデート管理など）への接続はどうでしょうか？
  • アプリ申請の自動化は？

ぜひフィードバックをください:

  • Discord community : join the #mcp channel.
  • Twitter/X @expo : we’re always happy to chat here.

あなたのフィードバックが今後の開発内容を決めます。プレビューではまず開発ワークフローから始めていますが、SDK 55 以降で優先すべき MCP 機能を教えてください。

今日から試す

Expo MCP Server を使い始めましょう。プロジェクトで好みの AI アシスタントに数分で設定でき、アシスタントを格段に効果的にします。あなたが作るものを見るのが待ちきれませんし、次に私たちが作るべきものについてのご意見もぜひお聞かせください。

Get started with the Expo MCP Server