AppContext MCP

oficial

O AppContext fornece ao seu agente de codificação de IA uma visão visual instantânea do que você está desenvolvendo, permitindo corrigir problemas, refinar a interface do usuário e acelerar seu fluxo de trabalho de desenvolvimento em tempo real.

Ver em appcontext.dev

O que você pode fazer com App Context MCP?

  • Capturar capturas de tela do simulador iOS — Peça à sua IA para ver a tela atual do seu aplicativo usando capture_simulator_screenshot para obter feedback visual em tempo real.
  • Transmitir logs do Metro bundler — Faça sua IA ler a saída de build ao vivo do React Native via get_metro_logs para diagnosticar erros de empacotamento sem copiar e colar manualmente.
  • Capturar capturas de tela do navegador web — Deixe sua IA inspecionar a UI renderizada do seu aplicativo web com capture_web_screenshot para identificar problemas de layout ou estilo.
  • Recuperar logs do console do navegador — Direcione sua IA para buscar erros e avisos de tempo de execução usando get_console_logs para depuração mais rápida.

Documentação

AppContext - Dê olhos à sua IA.

O AppContext oferece ao seu agente de codificação de IA uma visão instantânea dos seus aplicativos iOS e aplicações web, para que ele possa corrigir problemas, refinar a interface e acelerar seu fluxo de trabalho de desenvolvimento em tempo real. Reduza tokens desperdiçados com menos solicitações de ida e volta.

Suporte de Plataforma

Suporte completo para simuladores iOS e navegadores web hoje. Android e muito mais em breve.

Disponível Agora

  • Simuladores iOS (Feedback visual em tempo real)

  • React Native / Expo (Streaming de logs do Metro bundler)

  • Aplicações Web (Capturas de tela e logs do console via Chrome DevTools)

Em Breve

  • Emuladores Android (Contexto visual e de logs para Android)

  • Aplicativos Desktop (Monitoramento de aplicações Electron)

  • Dispositivos Físicos (Teste em hardware real)

Funciona perfeitamente com suas ferramentas favoritas

O AppContext integra-se automaticamente com editores de codificação de IA e frameworks de desenvolvimento através do Model Context Protocol (MCP)

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

Como funciona

Executa na sua barra de menus. Captura visuais e logs. Serve-os para sua IA.

Capturar

Transmite visualizações ao vivo de simuladores iOS e navegadores web, além de logs de execução do Metro e consoles de navegador.

Servir

Publica o contexto localmente via MCP. Funciona com Cursor, Claude Code e Windsurf. Executa 100% offline na sua máquina.

Corrigir

Sua IA vê o estado real do seu aplicativo. Corrige erros e refina a interface em tempo real. Sem explicações, sem suposições.

Executa silenciosamente na sua barra de menus. Atualiza automaticamente. Sempre pronto. Baixe uma vez, faça login uma vez, pronto.

Preços simples

Escolha o plano que funciona para você.

Mensal

Pague mensalmente, cancele a qualquer momento

$9,99/mês

  • Fluxo de Contexto Contínuo (tempo real)
  • Logs ao vivo do Metro Bundler
  • Token de licença offline (30 dias)
  • Cancele a qualquer momento

Anual

Cobrança anual, economize 17%

$99/ano

  • Fluxo de Contexto Contínuo (tempo real)
  • Logs ao vivo do Metro Bundler
  • Token de licença offline (30 dias)
  • 17% de economia em relação ao mensal

Instalação do AppContext

Siga estes passos para ter o AppContext funcionando com seu ambiente de desenvolvimento

  1. Baixar e instalar (macOS 13+)

    Processo de instalação simples:
    Baixar para Mac
    1. Clique em "Baixar para Mac" → Abra o arquivo .dmg
    2. Arraste o AppContext para sua pasta Aplicativos
    3. Inicie o AppContext - ele aparece como um ícone na sua barra de menus

  2. Assinar o AppContext Pro

    O AppContext requer uma assinatura Pro para capturar visualizações e logs ao vivo.
    • Este site: Role até os preços abaixo para já estar autenticado quando fizer login no aplicativo desktop
    • Aplicativo desktop: Clique no ícone da barra de menus → "Assinar Pro" → Escolha seu plano
      Ativação instantânea—sem necessidade de chaves de licença. Funciona offline uma vez ativado para integração local com LLM com zero exposição de código.

  3. Faça login com seu e-mail

    Clique no ícone da barra de menus e faça login:
    1. Selecione "Login" → Digite seu e-mail
    2. Verifique seu e-mail e clique no link mágico para autenticar
      Se você assinou pelo site primeiro, já está autenticado e pronto para usar!

  4. Conecte-se ao seu editor de IA

    Uma vez conectado, sua IA verá visualizações ao vivo dos seus simuladores iOS e navegadores web, lerá logs do Metro bundler e do console, e parará de pedir para você colar capturas de tela ou mensagens de erro.

Para usuários do Claude Code:

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

Execute este comando no seu terminal, depois reinicie o Claude Code para ativar.

Para usuários do Cursor: Instalação com um clique

Adicionar ao Cursor

Para outras plataformas (Windsurf, Continue, etc.)

  1. Abra as configurações MCP do seu editor de IA
  2. Adicione um novo servidor MCP
  3. Use esta configuração:
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}