AppContext MCP

官方

AppContext 让你的 AI 编码代理即时获得开发内容的视觉洞察，从而实时修复问题、优化用户界面并加速开发工作流。

访问 appcontext.dev

你可以用 App Context MCP 做什么？

  • 捕获iOS模拟器截图 — 让您的AI通过 capture_simulator_screenshot 查看应用当前屏幕，获取实时视觉反馈。
  • 流式传输Metro打包器日志 — 让您的AI通过 get_metro_logs 读取实时的React Native构建输出，无需手动复制粘贴即可诊断打包错误。
  • 捕获网页浏览器截图 — 让您的AI使用 capture_web_screenshot 检查Web应用的渲染UI，以识别布局或样式问题。
  • 检索浏览器控制台日志 — 指示您的AI使用 get_console_logs 获取运行时错误和警告，以加快调试速度。

文档

AppContext - 让你的 AI 拥有视觉。

AppContext 让你的 AI 编程助手即时获得 iOS 应用和 Web 应用的视觉洞察，从而实时修复问题、优化 UI，并加速你的开发流程。减少来回提示，节省 token 消耗。

平台支持

目前已全面支持 iOS 模拟器和 Web 浏览器。Android 及更多平台即将推出。

现已可用

  • iOS 模拟器（实时视觉反馈）

  • React Native / Expo（Metro 打包器日志流）

  • Web 应用（通过 Chrome DevTools 获取截图和控制台日志）

即将推出

  • Android 模拟器（Android 的视觉和日志上下文）

  • 桌面应用（Electron 应用监控）

  • 实体设备（在真实硬件上测试）

与你喜爱的工具无缝协作

AppContext 通过模型上下文协议（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

  1. 下载并安装（macOS 13+）

    简单的安装过程：
    下载 Mac 版
    1. 点击“下载 Mac 版” → 打开 .dmg 文件
    2. 将 AppContext 拖入你的“应用程序”文件夹
    3. 启动 AppContext - 它会以图标形式出现在你的菜单栏中

  2. 订阅 AppContext Pro

    AppContext 需要 Pro 订阅才能捕获实时视图和日志。
    • 本网站： 滚动到下方定价部分，这样当你登录桌面应用时就已经完成认证
    • 桌面应用： 点击菜单栏图标 → “订阅 Pro” → 选择你的方案
      即时激活——无需许可证密钥。激活后即可离线使用，实现本地 LLM 集成，且零代码暴露。

  3. 使用你的邮箱登录

    点击菜单栏图标并登录：
    1. 选择“登录” → 输入你的邮箱
    2. 检查你的邮箱，点击魔法链接进行认证
      如果你先通过网站订阅，则已经完成认证，可以立即使用！

  4. 连接到你的 AI 编辑器

    连接后，你的 AI 将能看到 iOS 模拟器和 Web 浏览器的实时视图，读取 Metro 打包器和控制台日志，不再需要你粘贴截图或错误信息。

适用于 Claude Code 用户：

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

在你的终端中运行此命令，然后重启 Claude Code 以激活。

适用于 Cursor 用户：一键安装

添加到 Cursor

适用于其他平台（Windsurf、Continue 等）

  1. 打开你的 AI 编辑器的 MCP 设置
  2. 添加一个新的 MCP 服务器
  3. 使用此配置：
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}