AppContext MCP

आधिकारिक

AppContext आपके AI कोडिंग एजेंट को आपके द्वारा विकसित की जा रही चीज़ों का तत्काल दृश्य अंतर्दृष्टि प्रदान करता है, ताकि वह समस्याओं को ठीक कर सके, UI को परिष्कृत कर सके और आपके विकास कार्यप्रवाह को वास्तविक समय में तेज कर सके।

appcontext.dev पर देखें

App Context MCP के साथ आप क्या कर सकते हैं?

  • iOS सिम्युलेटर स्क्रीनशॉट कैप्चर करें — अपने AI को अपने ऐप की वर्तमान स्क्रीन देखने के लिए capture_simulator_screenshot का उपयोग करने के लिए कहें, ताकि रीयल-टाइम दृश्य प्रतिक्रिया मिल सके।
  • Metro बंडलर लॉग स्ट्रीम करें — अपने AI को get_metro_logs के माध्यम से लाइव React Native बिल्ड आउटपुट पढ़ने दें, ताकि मैन्युअल कॉपी-पेस्ट के बिना बंडलिंग त्रुटियों का निदान किया जा सके।
  • वेब ब्राउज़र स्क्रीनशॉट कैप्चर करें — अपने AI को capture_web_screenshot के साथ आपके वेब ऐप के रेंडर किए गए UI का निरीक्षण करने दें, ताकि लेआउट या स्टाइलिंग समस्याओं की पहचान हो सके।
  • ब्राउज़र कंसोल लॉग प्राप्त करें — अपने AI को get_console_logs का उपयोग करके रनटाइम त्रुटियों और चेतावनियों को लाने का निर्देश दें, ताकि तेज़ डीबगिंग हो सके।

दस्तावेज़

AppContext - अपने AI को आंखें दें।

AppContext आपके AI कोडिंग एजेंट को आपके iOS ऐप्स और वेब एप्लिकेशन में तुरंत विज़ुअल जानकारी देता है, ताकि वह समस्याओं को ठीक कर सके, UI को निखार सके, और आपके डेवलपमेंट वर्कफ़्लो को रीयल टाइम में तेज़ कर सके। कम आगे-पीछे के प्रॉम्प्ट के साथ बर्बाद टोकन कम करें।

प्लेटफ़ॉर्म समर्थन

आज ही iOS सिमुलेटर और वेब ब्राउज़र के लिए पूर्ण समर्थन। Android और बहुत कुछ जल्द आ रहा है।

अभी उपलब्ध

  • iOS सिमुलेटर (रीयल-टाइम विज़ुअल फ़ीडबैक)

  • React Native / Expo (Metro बंडलर लॉग स्ट्रीमिंग)

  • वेब एप्लिकेशन (Chrome DevTools के माध्यम से स्क्रीनशॉट और कंसोल लॉग)

जल्द आ रहा है

  • Android एमुलेटर (Android के लिए विज़ुअल और लॉग संदर्भ)

  • डेस्कटॉप ऐप्स (Electron एप्लिकेशन मॉनिटरिंग)

  • फ़िज़िकल डिवाइस (असली हार्डवेयर पर परीक्षण)

आपके पसंदीदा टूल के साथ सहजता से काम करता है

AppContext मॉडल कॉन्टेक्स्ट प्रोटोकॉल (MCP) के माध्यम से AI कोडिंग एडिटर और डेवलपमेंट फ्रेमवर्क के साथ स्वचालित रूप से एकीकृत होता है

  • Cursor
  • Claude Code
  • Windsurf
  • Expo

यह कैसे काम करता है

आपके मेनू बार में चलता है। विज़ुअल और लॉग कैप्चर करता है। उन्हें आपके AI को प्रस्तुत करता है।

कैप्चर

iOS सिमुलेटर और वेब ब्राउज़र से लाइव व्यू, साथ ही 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 सिमुलेटर और वेब ब्राउज़र के लाइव व्यू देखेगा, 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"
  }
}