AppContext MCP

resmi

AppContext, yapay zeka kodlama aracınıza geliştirdiğiniz şey hakkında anında görsel bilgi sağlar, böylece sorunları giderebilir, kullanıcı arayüzünü iyileştirebilir ve geliştirme iş akışınızı gerçek zamanlı olarak hızlandırabilir.

appcontext.dev üzerinde görüntüle

AppContext MCP ile neler yapabilirsiniz?

  • iOS simülatörü ekran görüntüleri yakalayın — Gerçek zamanlı görsel geri bildirim için yapay zekanızdan capture_simulator_screenshot kullanarak uygulamanızın mevcut ekranını görmesini isteyin.
  • Metro paketleyici günlüklerini akışla alın — Yapay zekanıza get_metro_logs aracılığıyla canlı React Native derleme çıktısını okutarak manuel kopyala‑yapıştır olmadan paketleme hatalarını teşhis ettirin.
  • Web tarayıcı ekran görüntüleri yakalayın — Yapay zekanızın capture_web_screenshot ile web uygulamanızın oluşturulmuş kullanıcı arayüzünü incelemesine izin vererek düzen veya stil sorunlarını belirleyin.
  • Tarayıcı konsol günlüklerini alın — Daha hızlı hata ayıklama için yapay zekanızı get_console_logs kullanarak çalışma zamanı hatalarını ve uyarılarını getirmeye yönlendirin.

Dokümantasyon

AppContext - Yapay zekanıza göz verin.

AppContext, yapay zeka kodlama aracınıza iOS uygulamalarınız ve web uygulamalarınız hakkında anında görsel içgörü sağlar; böylece sorunları giderebilir, arayüzü iyileştirebilir ve geliştirme iş akışınızı gerçek zamanlı olarak hızlandırabilir. Daha az gidip gelen komutla boşa harcanan token'ları azaltın.

Platform Desteği

Şu anda iOS simülatörleri ve web tarayıcıları için tam destek. Android ve çok daha fazlası yakında geliyor.

Şimdi Kullanılabilir

  • iOS Simülatörleri (Gerçek zamanlı görsel geri bildirim)

  • React Native / Expo (Metro paketleyici günlük akışı)

  • Web Uygulamaları (Chrome DevTools aracılığıyla ekran görüntüleri ve konsol günlükleri)

Yakında Geliyor

  • Android Emülatörler (Android için görsel ve günlük bağlamı)

  • Masaüstü Uygulamaları (Electron uygulama izleme)

  • Fiziksel Cihazlar (Gerçek donanımda test)

Favori araçlarınızla sorunsuz çalışır

AppContext, Model Bağlam Protokolü (MCP) aracılığıyla yapay zeka kod düzenleyicileri ve geliştirme çerçeveleriyle otomatik olarak entegre olur

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

Nasıl çalışır

Menü çubuğunuzda çalışır. Görselleri ve günlükleri yakalar. Bunları yapay zekanıza sunar.

Yakala

iOS simülatörlerinden ve web tarayıcılarından canlı görünümleri, ayrıca Metro ve tarayıcı konsollarından çalışma zamanı günlüklerini akış olarak iletir.

Sun

Bağlamı MCP aracılığıyla yerel olarak yayınlar. Cursor, Claude Code ve Windsurf ile çalışır. Makinenizde %100 çevrimdışı çalışır.

Düzelt

Yapay zekanız uygulamanızın gerçek durumunu görür. Hataları düzeltir ve arayüzü gerçek zamanlı olarak iyileştirir. Açıklamaya gerek yok, tahmine gerek yok.

Menü çubuğunuzda sessizce çalışır. Otomatik güncellenir. Her zaman hazırdır. Bir kez indirin, bir kez giriş yapın, tamamdır.

Basit fiyatlandırma

Size uygun planı seçin.

Aylık

Aylık ödeyin, istediğiniz zaman iptal edin

$9.99/ay

  • Sürekli Bağlam Akışı (gerçek zamanlı)
  • Canlı Metro Paketleyici günlükleri
  • Çevrimdışı lisans belirteci (30 günlük)
  • İstediğiniz zaman iptal edin

Yıllık

Yıllık faturalandırma, %17 tasarruf edin

$99/yıl

  • Sürekli Bağlam Akışı (gerçek zamanlı)
  • Canlı Metro Paketleyici günlükleri
  • Çevrimdışı lisans belirteci (30 günlük)
  • Aylığa göre %17 tasarruf

AppContext Kurulumu

AppContext'i geliştirme ortamınızda çalıştırmak için bu adımları izleyin

  1. İndir ve yükle (macOS 13+)

    Basit kurulum süreci:
    Mac için İndir
    1. "Mac için İndir"e tıklayın → .dmg dosyasını açın
    2. AppContext'i Uygulamalar klasörünüze sürükleyin
    3. AppContext'i başlatın - menü çubuğunuzda bir simge olarak görünür

  2. AppContext Pro'ya abone olun

    AppContext, canlı görünümleri ve günlükleri yakalamak için bir Pro aboneliği gerektirir.
    • Bu web sitesi: Masaüstü uygulamasına giriş yaptığınızda zaten kimliğiniz doğrulanmış olması için aşağıdaki fiyatlandırmaya kaydırın
    • Masaüstü uygulaması: Menü çubuğu simgesine tıklayın → "Pro'ya Abone Ol" → Planınızı seçin
      Anında etkinleştirme—lisans anahtarı gerekmez. Sıfır kod maruziyetiyle yerel LLM entegrasyonu için etkinleştirildikten sonra çevrimdışı çalışır.

  3. E-postanızla giriş yapın

    Menü çubuğu simgesine tıklayın ve giriş yapın:
    1. "Giriş Yap"ı seçin → E-postanızı girin
    2. E-postanızı kontrol edin ve kimlik doğrulaması için sihirli bağlantıya tıklayın
      Önce web sitesi üzerinden abone olduysanız, zaten kimliğiniz doğrulanmıştır ve kullanıma hazırsınız!

  4. Yapay zeka düzenleyicinize bağlanın

    Bağlandıktan sonra, yapay zekanız iOS simülatörlerinizin ve web tarayıcılarınızın canlı görünümlerini görecek, Metro paketleyici ve konsol günlüklerini okuyacak ve sizden ekran görüntüleri veya hata mesajları yapıştırmanızı istemeyi bırakacaktır.

Claude Code kullanıcıları için:

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

Bu komutu terminalinizde çalıştırın, ardından etkinleştirmek için Claude Code'u yeniden başlatın.

Cursor kullanıcıları için: Tek tıkla kurulum

Cursor'a Ekle

Diğer platformlar için (Windsurf, Continue, vb.)

  1. Yapay zeka düzenleyicinizin MCP ayarlarını açın
  2. Yeni bir MCP sunucusu ekleyin
  3. Bu yapılandırmayı kullanın:
{
  "appcontext": {
    "url": "http://localhost:7777/sse",
    "type": "sse"
  }
}