AppContext MCP

официальный

AppContext предоставляет вашему ИИ-агенту кодирования мгновенное визуальное понимание того, что вы разрабатываете, позволяя ему исправлять проблемы, улучшать интерфейс и ускорять ваш рабочий процесс разработки в реальном времени.

Смотреть на appcontext.dev

Что можно делать с App Context MCP?

  • Сделать скриншот симулятора iOS — Попросите ИИ увидеть текущий экран вашего приложения с помощью capture_simulator_screenshot для получения визуальной обратной связи в реальном времени.
  • Потоковая передача логов Metro bundler — Позвольте ИИ читать вывод сборки React Native в реальном времени через get_metro_logs, чтобы диагностировать ошибки сборки без ручного копирования.
  • Сделать скриншот веб-браузера — Дайте ИИ возможность проверить отрисованный интерфейс вашего веб-приложения с помощью capture_web_screenshot для выявления проблем с макетом или стилями.
  • Получить логи консоли браузера — Укажите ИИ извлекать ошибки и предупреждения времени выполнения с помощью get_console_logs для более быстрой отладки.

Документация

AppContext — Дайте вашему ИИ зрение.

AppContext предоставляет вашему ИИ-агенту мгновенное визуальное представление о ваших iOS-приложениях и веб-приложениях, чтобы он мог исправлять проблемы, улучшать интерфейс и ускорять ваш рабочий процесс разработки в реальном времени. Сократите расход токенов за счёт меньшего количества уточняющих запросов.

Поддержка платформ

Полная поддержка симуляторов iOS и веб-браузеров уже сегодня. Android и многое другое — скоро.

Доступно сейчас

  • Симуляторы iOS (визуальная обратная связь в реальном времени)

  • React Native / Expo (потоковая передача логов сборщика Metro)

  • Веб-приложения (снимки экрана и логи консоли через Chrome DevTools)

Скоро

  • Эмуляторы Android (визуальный и лог-контекст для Android)

  • Десктопные приложения (мониторинг приложений Electron)

  • Физические устройства (тестирование на реальном оборудовании)

Бесшовная работа с вашими любимыми инструментами

AppContext автоматически интегрируется с ИИ-редакторами кода и фреймворками разработки через Model Context Protocol (MCP)

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

Как это работает

Работает в строке меню. Захватывает визуальные данные и логи. Передаёт их вашему ИИ.

Захват

Потоковая передача живых видов из симуляторов iOS и веб-браузеров, а также логов времени выполнения из Metro и консолей браузеров.

Передача

Публикует контекст локально через MCP. Работает с Cursor, Claude Code и Windsurf. Работает на 100% офлайн на вашем компьютере.

Исправление

Ваш ИИ видит фактическое состояние вашего приложения. Исправляет ошибки и улучшает интерфейс в реальном времени. Никаких объяснений, никаких догадок.

Тихо работает в строке меню. Автообновление. Всегда готов. Загрузите один раз, войдите один раз — и готово.

Простое ценообразование

Выберите подходящий вам план.

Ежемесячный

Платите помесячно, отмена в любое время

$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

    Для захвата живых видов и логов требуется подписка Pro.
    • Этот веб-сайт: Прокрутите ниже до раздела с ценами, чтобы вы уже были аутентифицированы при входе в десктопное приложение
    • Десктопное приложение: Нажмите значок в строке меню → «Подписаться на Pro» → Выберите план
      Мгновенная активация — ключи лицензии не нужны. После активации работает офлайн для локальной интеграции с LLM без раскрытия кода.

  3. Войдите, используя вашу электронную почту

    Нажмите значок в строке меню и войдите:
    1. Выберите «Войти» → Введите вашу электронную почту
    2. Проверьте почту и нажмите на волшебную ссылку для аутентификации
      Если вы сначала оформили подписку на веб-сайте, вы уже аутентифицированы и готовы к работе!

  4. Подключитесь к вашему ИИ-редактору

    После подключения ваш ИИ будет видеть живые виды ваших симуляторов iOS и веб-браузеров, читать логи сборщика Metro и консоли, и перестанет просить вас вставлять скриншоты или сообщения об ошибках.

Для пользователей Claude Code:

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

Выполните эту команду в терминале, затем перезапустите Claude Code для активации.

Для пользователей Cursor: Установка в один клик

Добавить в Cursor

Для других платформ (Windsurf, Continue и т.д.)

  1. Откройте настройки MCP вашего ИИ-редактора
  2. Добавьте новый сервер MCP
  3. Используйте эту конфигурацию:
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}