AppContext MCP

offiziell

AppContext gibt Ihrem KI-Coding-Agenten sofortige visuelle Einblicke in das, was Sie entwickeln, sodass es Probleme beheben, die Benutzeroberfläche verfeinern und Ihren Entwicklungsworkflow in Echtzeit beschleunigen kann.

Auf appcontext.dev ansehen

Was kann man mit App Context MCP machen?

  • iOS-Simulator-Screenshots erfassen — Bitten Sie Ihre KI, den aktuellen Bildschirm Ihrer App mit capture_simulator_screenshot anzuzeigen, um visuelles Echtzeit-Feedback zu erhalten.
  • Metro-Bundler-Logs streamen — Lassen Sie Ihre KI die Live-Ausgabe des React Native-Builds über get_metro_logs lesen, um Bundling-Fehler ohne manuelles Kopieren und Einfügen zu diagnostizieren.
  • Webbrowser-Screenshots erfassen — Ermöglichen Sie Ihrer KI, die gerenderte Benutzeroberfläche Ihrer Web-App mit capture_web_screenshot zu überprüfen, um Layout- oder Stilprobleme zu identifizieren.
  • Browser-Konsolenlogs abrufen — Weisen Sie Ihre KI an, Laufzeitfehler und Warnungen mit get_console_logs abzurufen, um schneller debuggen zu können.

Dokumentation

AppContext – Gib deiner KI Augen.

AppContext gibt deinem KI-Coding-Agenten sofortigen visuellen Einblick in deine iOS-Apps und Webanwendungen, damit er Probleme beheben, die Benutzeroberfläche verfeinern und deinen Entwicklungsworkflow in Echtzeit beschleunigen kann. Reduziere verschwendete Tokens durch weniger Hin-und-Her-Prompts.

Plattform-Unterstützung

Volle Unterstützung für iOS-Simulatoren und Webbrowser ab sofort. Android und vieles mehr in Kürze.

Jetzt verfügbar

  • iOS-Simulatoren (Visuelles Feedback in Echtzeit)

  • React Native / Expo (Metro-Bundler-Log-Streaming)

  • Webanwendungen (Screenshots & Konsolen-Logs via Chrome DevTools)

Demnächst verfügbar

  • Android-Emulatoren (Visueller und Log-Kontext für Android)

  • Desktop-Apps (Überwachung von Electron-Anwendungen)

  • Physische Geräte (Tests auf echter Hardware)

Funktioniert nahtlos mit deinen Lieblingswerkzeugen

AppContext integriert sich automatisch mit KI-Coding-Editoren und Entwicklungs-Frameworks über das Model Context Protocol (MCP)

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

So funktioniert’s

Läuft in deiner Menüleiste. Erfasst visuelle Eindrücke und Logs. Stellt sie deiner KI bereit.

Erfassen

Streamt Live-Ansichten von iOS-Simulatoren und Webbrowsern sowie Laufzeit-Logs von Metro und Browser-Konsolen.

Bereitstellen

Veröffentlicht Kontext lokal über MCP. Funktioniert mit Cursor, Claude Code und Windsurf. Läuft zu 100 % offline auf deinem Rechner.

Beheben

Deine KI sieht den tatsächlichen Zustand deiner App. Behebt Fehler und verfeinert die Benutzeroberfläche in Echtzeit. Kein Erklären, kein Rätselraten.

Läuft unauffällig in deiner Menüleiste. Automatische Updates. Immer bereit. Einmal herunterladen, einmal einloggen, fertig.

Einfache Preisgestaltung

Wähle den Plan, der zu dir passt.

Monatlich

Monatlich zahlen, jederzeit kündbar

9,99 $/Monat

  • Kontinuierlicher Kontext-Stream (Echtzeit)
  • Live Metro-Bundler-Logs
  • Offline-Lizenz-Token (30 Tage)
  • Jederzeit kündbar

Jährlich

Jährliche Abrechnung, 17 % sparen

99 $/Jahr

  • Kontinuierlicher Kontext-Stream (Echtzeit)
  • Live Metro-Bundler-Logs
  • Offline-Lizenz-Token (30 Tage)
  • 17 % Ersparnis gegenüber monatlicher Zahlung

AppContext-Installation

Befolge diese Schritte, um AppContext mit deiner Entwicklungsumgebung zum Laufen zu bringen

  1. Herunterladen & installieren (macOS 13+)

    Einfacher Installationsprozess:
    Für Mac herunterladen
    1. Klicke auf „Für Mac herunterladen“ → Öffne die .dmg-Datei
    2. Ziehe AppContext in deinen Programme-Ordner
    3. Starte AppContext – es erscheint als Symbol in deiner Menüleiste

  2. AppContext Pro abonnieren

    AppContext erfordert ein Pro-Abonnement, um Live-Ansichten und Logs zu erfassen.
    • Diese Website: Scrolle nach unten zur Preisübersicht, damit du bereits authentifiziert bist, wenn du dich in der Desktop-App einloggst
    • Desktop-App: Klicke auf das Menüleistensymbol → „Pro abonnieren“ → Wähle deinen Plan
      Sofortige Aktivierung – keine Lizenzschlüssel erforderlich. Funktioniert nach der Aktivierung offline für lokale LLM-Integration ohne Code-Offenlegung.

  3. Mit deiner E-Mail einloggen

    Klicke auf das Menüleistensymbol und logge dich ein:
    1. Wähle „Login“ → Gib deine E-Mail ein
    2. Überprüfe deine E-Mails und klicke auf den magischen Link zur Authentifizierung
      Wenn du zuerst über die Website abonniert hast, bist du bereits authentifiziert und startklar!

  4. Mit deinem KI-Editor verbinden

    Sobald die Verbindung hergestellt ist, sieht deine KI Live-Ansichten deiner iOS-Simulatoren und Webbrowser, liest Metro-Bundler- und Konsolen-Logs und hört auf, dich nach Screenshots oder Fehlermeldungen zu fragen.

Für Claude-Code-Nutzer:

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

Führe diesen Befehl in deinem Terminal aus und starte dann Claude Code neu, um ihn zu aktivieren.

Für Cursor-Nutzer: Ein-Klick-Installation

Zu Cursor hinzufügen

Für andere Plattformen (Windsurf, Continue, etc.)

  1. Öffne die MCP-Einstellungen deines KI-Editors
  2. Füge einen neuen MCP-Server hinzu
  3. Verwende diese Konfiguration:
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}