AppContext MCP

公式

AppContextは、開発中の内容をAIコーディングエージェントに即座に視覚的に伝えることで、問題の修正、UIの改善、開発ワークフローのリアルタイムな加速を実現します。

AppContext MCPで何ができますか？

iOSシミュレーターのスクリーンショットを取得 — AIにcapture_simulator_screenshotを使用してアプリの現在の画面を表示させ、リアルタイムで視覚的なフィードバックを得られます。
Metroバンドラーのログをストリーミング — AIにget_metro_logsでReact Nativeのビルド出力を読み取らせ、手動でコピー＆ペーストすることなくバンドルエラーを診断できます。
Webブラウザのスクリーンショットを取得 — AIにcapture_web_screenshotでWebアプリのレンダリングされたUIを検査させ、レイアウトやスタイルの問題を特定できます。
ブラウザのコンソールログを取得 — AIにget_console_logsで実行時エラーや警告を取得させ、デバッグを高速化できます。

ドキュメント

AppContext - AIに視覚を与える

AppContextは、あなたのAIコーディングエージェントにiOSアプリやWebアプリケーションの即時的な視覚インサイトを提供し、問題の修正、UIの改善、開発ワークフローのリアルタイムな加速を可能にします。無駄なトークンを削減し、やり取りの手間を省きます。

プラットフォームサポート

現在、iOSシミュレータとWebブラウザを完全サポート。Androidなど、さらに多くのプラットフォームが近日登場予定です。

現在利用可能

iOSシミュレータ（リアルタイムの視覚的フィードバック）
React Native / Expo（Metroバンドラーログストリーミング）
Webアプリケーション（Chrome DevTools経由のスクリーンショットとコンソールログ）

近日登場

Androidエミュレータ（Android向けの視覚およびログコンテキスト）
デスクトップアプリ（Electronアプリケーションの監視）
物理デバイス（実機でのテスト）

お気に入りのツールとシームレスに連携

AppContextは、Model Context Protocol（MCP）を介してAIコーディングエディタや開発フレームワークと自動的に統合されます。

Cursor
Claude Code
Windsurf
Expo

仕組み

メニューバーで動作。ビジュアルとログをキャプチャし、AIに提供します。

キャプチャ

iOSシミュレータやWebブラウザからのライブビュー、Metroやブラウザコンソールからのランタイムログをストリーミングします。

提供

MCP経由でローカルにコンテキストを公開。Cursor、Claude Code、Windsurfと連携。マシン上で100%オフラインで動作します。

修正

AIがアプリの実際の状態を認識。エラーを修正し、UIをリアルタイムで改善。説明や推測は不要です。

メニューバーで静かに動作。自動更新。常に準備完了。ダウンロードは一度、ログインも一度で完了です。

シンプルな価格設定

あなたに合ったプランをお選びください。

月額

月額払い、いつでもキャンセル可能

$9.99/月

継続的なコンテキストストリーム（リアルタイム）
ライブMetroバンドラーログ
オフラインライセンストークン（30日間）
いつでもキャンセル可能

年額

年額請求、17%節約

$99/年

継続的なコンテキストストリーム（リアルタイム）
ライブMetroバンドラーログ
オフラインライセンストークン（30日間）
月額プランより17%節約

AppContextのインストール

以下の手順に従って、開発環境でAppContextを起動しましょう。

ダウンロードとインストール（macOS 13以降）
シンプルなインストールプロセス：
Mac用にダウンロード
1. 「Mac用にダウンロード」をクリック → .dmgファイルを開く
2. AppContextをアプリケーションフォルダにドラッグ
3. AppContextを起動 - メニューバーにアイコンが表示されます
AppContext Proに登録
AppContextでライブビューとログをキャプチャするには、Proサブスクリプションが必要です。
- このウェブサイト： 下の価格セクションまでスクロールして、デスクトップアプリにログインする際に認証済みの状態にします
- デスクトップアプリ： メニューバーアイコンをクリック → 「Proに登録」 → プランを選択
  即時アクティベーション—ライセンスキーは不要。アクティベーション後はオフラインで動作し、コードを公開せずにローカルLLM統合が可能です。
メールアドレスでログイン
メニューバーアイコンをクリックしてログイン：
1. 「ログイン」を選択 → メールアドレスを入力
2. メールを確認し、マジックリンクをクリックして認証
  最初にウェブサイトで登録した場合、すでに認証済みですぐに開始できます！
AIエディタに接続
接続されると、AIはiOSシミュレータやWebブラウザのライブビューを確認し、Metroバンドラーやコンソールのログを読み取り、スクリーンショットやエラーメッセージの貼り付けを求めることがなくなります。

Claude Codeユーザー向け：

claude mcp add --transport sse appcontext http://localhost:7777/sse

ターミナルでこのコマンドを実行し、Claude Codeを再起動してアクティベートします。

Cursorユーザー向け：ワンクリックインストール

Cursorに追加

その他のプラットフォーム（Windsurf、Continueなど）

使用するAIエディタのMCP設定を開く
新しいMCPサーバーを追加
以下の設定を使用：

{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}