Banking Assistant (Metabind demo)

आधिकारिक

मेटाबाइंड पर निर्मित इंटरैक्टिव MCP ऐप डेमो: व्यक्तिगत-वित्त उत्तर क्लाउड और ChatGPT में UI कार्ड (नेट वर्थ, खर्च, सब्सक्रिप्शन) के रूप में प्रस्तुत होते हैं, और iOS/Android ऐप्स में मूल रूप से।

Banking Assistant (Metabind Demo) MCP के साथ आप क्या कर सकते हैं?

  • खर्च का विवरण — पूछें "इस महीने मेरा पैसा कहाँ खर्च हुआ?" और चैट जवाब के बजाय होम स्क्रीन पर खर्च का विवरण देखें।
  • लेन-देन की सूचियाँ — डेमो की कृत्रिम फ़ीड से लेन-देन की सूची देखने के लिए विशेष रूप से बनाई गई स्क्रीन खोलें।
  • सब्सक्रिप्शन दृश्य — बातचीत का ट्रांसक्रिप्ट स्क्रॉल करने के बजाय, आवर्ती सब्सक्रिप्शन उनकी अपनी स्क्रीन पर देखें।
  • नेट-वर्थ के रुझान — कृत्रिम डेटा से रेंडर किए गए नेट-वर्थ रुझान के घटक देखें।
  • फ़ॉलो-अप सवाल — सुझाए गए फ़ॉलो-अप या "कुछ भी पूछें" पर टैप करके अगला जवाब एक शीट में खोलें।

होस्ट किया गया MCP सर्वर

npx add-mcp 'https://mcp.metabind.ai/IgJH0BzIn4LlfnCbcDc7/projects/GLbHk5i3GLlIYcF63XFl'

Claude Code, Codex, Cursor और अन्य में इंस्टॉल होता है

दस्तावेज़

Metabind Finance डेमो

बिना चैट ट्रांसक्रिप्ट वाला एक व्यक्तिगत वित्त सहायक। ऐप लॉन्च होने पर एक सवाल पूछता है और रेंडर किए गए जवाब को अपनी होम स्क्रीन के रूप में इस्तेमाल करता है; हर अगला सवाल एक खास उद्देश्य के लिए बनाई गई स्क्रीन पर खुलता है। एक ही MCP App परिभाषा से वही सहायक iOS और Android पर नेटिव रूप से चलता है।

https://github.com/user-attachments/assets/9a840b88-dc88-4ab4-927e-0a8dc651dbe3

Finance डेमो, iOS ऐप में चल रहा है।

Metabind क्या है

Metabind ऐसे एजेंट बनाता है जो चैट विंडो में नहीं, बल्कि आपके प्रोडक्ट के अपने UI में जवाब देते हैं: इंटरैक्टिव इंटरफ़ेस, जो ग्राहकों को सीधे उनकी ज़रूरत की चीज़ तक ले जाते हैं, उस ब्रांड में जिसे वे पहले से जानते हैं। यह ऐप के मौजूदा UI, डिज़ाइन सिस्टम और API से बनाया जाता है। दोबारा लिखने की ज़रूरत नहीं। यह नियंत्रित है और केवल आपके स्वीकृत कंपोनेंट रेंडर करता है; हर रेंडर पर यह नियम लागू होता है। और यह होस्टेड है: आप टूल तय करते हैं, हम सर्वर चलाते हैं। वही एजेंट आपके अपने iOS, Android और वेब ऐप्स के भीतर, और Claude, ChatGPT तथा हर MCP होस्ट पर, खुले MCP मानक के ज़रिए चलता है।

यह डेमो दिखाता है कि Assistant SDK के ज़रिए अपने ऐप के भीतर इसे असली नेटिव SwiftUI और Jetpack Compose के रूप में कैसे रेंडर किया जाता है।

metabind.ai पर मुफ़्त शुरू करें · दस्तावेज़ पढ़ें

यह डेमो क्या है

Finance एक ऐसा सहायक है जिसमें जानबूझकर कोई ट्रांसक्रिप्ट नहीं रखा गया है। लॉन्च पर एक सवाल पूछा जाता है — "इस महीने मेरा पैसा कहाँ गया?" — और उसका रेंडर किया गया MCP नतीजा ही होम स्क्रीन है। बाद के सवाल नीचे दिए गए पिल रेल से आते हैं और शीट में खुलते हैं। हर सवाल-जवाब को संदेशों की सूची में स्क्रॉल करने के बजाय, उसके लिए खास तौर पर बनाई गई स्क्रीन पर भेजा जाता है।

यह Retail डेमो के बिल्कुल उलट है, जहाँ बातचीत ही प्रोडक्ट है। SDK वही हैं, लेकिन रूप दो अलग-अलग — अपने प्रोडक्ट के लिए कौन-सा सही है, यह तय करने से पहले दोनों पढ़ें।

इस README को शुरू से अंत तक पढ़ने पर आपको मिलता है:

  • Finance MCP प्रोजेक्ट — सिंथेटिक डेटा पर BindJS कंपोनेंट के रूप में खर्च का विवरण, लेन-देन की सूचियाँ, सब्सक्रिप्शन और नेट-वर्थ के रुझान — आपके अपने Metabind संगठन में प्रोजेक्ट के रूप में इंस्टॉल किया हुआ।
  • उस प्रोजेक्ट से जुड़ा iOS ऐप।
  • उसी प्रोजेक्ट से जुड़ा Android ऐप।

सारा वित्तीय डेटा सिंथेटिक है। यहाँ कुछ भी किसी असली बैंक से नहीं जुड़ता, कोई सीक्रेट नहीं पढ़ता और किसी बाहरी होस्ट को कॉल नहीं करता।

इस फ़ोल्डर में क्या है

डायरेक्टरीसामग्री
apple/MetabindAI (MetabindAssistant) पर iOS ऐप, SDK रिलीज़ टैग से पिन किया गया है
android/metabindai-android (MetabindAssistant) पर Android ऐप, SDK वर्शन कैटलॉग में पिन किया गया है
mcp/Finance MCP प्रोजेक्ट: BindJS कंपोनेंट, टूल और सिंथेटिक फ़ीड

शुरू करने से पहले

  • Metabind खाता और संगठन — metabind.ai/signup पर साइन अप करें।

  • metabind CLI, वर्शन 0.9.0 या नया:

    brew install metabindai/tap/metabind
    metabind --version
    
  • LLM प्रोवाइडर API कुंजी (Anthropic, OpenAI या Google)। Metabind Agent प्रॉक्सी इसे सर्वर-साइड पर रखता है और इसके साथ बातचीत चलाता है — ऐप्स में प्रोवाइडर कुंजी कभी शामिल नहीं होती।

  • iOS के लिए: Xcode 26+ (ऐप iOS 17+ को टार्गेट करता है)।

  • Android के लिए: Android Studio, JDK 17+ और GitHub Packages क्रेडेंशियल — सार्वजनिक पैकेज पढ़ने के लिए भी GitHub पर प्रमाणीकरण ज़रूरी है।

भाग 1 — MCP प्रोजेक्ट इंस्टॉल करें

इन्हें इस डायरेक्टरी (finance/) से चलाएँ।

  1. अगर आपने पहले से साइन अप नहीं किया है, तो metabind.ai पर साइन अप करें — इससे आपका खाता और संगठन बन जाएगा। फिर CLI में साइन इन करें और वह संगठन चुनें जिसमें इंस्टॉल करना है:

    metabind auth login
    metabind org list
    metabind use --clear
    metabind use --org <org-id>
    

    अगर आपने पहले CLI इस्तेमाल किया है, तो use --clear ज़रूरी है। चरण 3 में install केवल तभी प्रोजेक्ट बनाता है जब कोई प्रोजेक्ट बाउंड न हो; अन्यथा यह बाउंड प्रोजेक्ट में इंस्टॉल करता है — उदाहरण के लिए, Retail डेमो के बाद। केवल संगठन सेट करने से पहले से बाउंड प्रोजेक्ट रिलीज़ नहीं होता; metabind status सक्रिय स्कोप दिखाता है।

  2. कुछ भी बनाने से पहले देखें कि ट्री में क्या घोषित है:

    metabind inspect --dir mcp
    

    Finance में कोई सीक्रेट या आउटबाउंड कॉल घोषित नहीं है — inspect से आप ट्री में ही इसकी पुष्टि कर सकते हैं।

  3. इंस्टॉल करें:

    metabind install --dir mcp --name "Banking Assistant" --yes
    

    install बनाई गई हर चीज़ के लिए नए ID बनाता है, ट्री का स्रोत दर्ज करता है और केवल ड्राफ़्ट बनाता है — प्रकाशित करने तक कोई ट्रैफ़िक सर्व नहीं होता। यह जो प्रोजेक्ट ID दिखाए, उसे कॉपी करें।

  4. CLI को नए प्रोजेक्ट के स्कोप में रखें और एजेंट की LLM कुंजी सेट करें:

    metabind use --project <project-id>
    echo $ANTHROPIC_API_KEY | metabind agent set --provider anthropic --api-key-stdin
    
  5. प्रकाशित करें:

    metabind publish
    
  6. वह API कुंजी बनाएँ जिससे ऐप्स साइन इन करेंगे:

    metabind api-key create --name "Banking Assistant"
    

    अभी इसकी वैल्यू कॉपी करें — बनाने के समय यह केवल एक बार दिखाई जाती है। एक Metabind API कुंजी Agent प्रॉक्सी और MCP सर्वर, दोनों को प्रमाणित करती है।

  7. वैकल्पिक रूप से, प्रोजेक्ट सेटिंग और थंबनेल लागू करें। install कंपोनेंट और टूल बनाता है; mcp/metabind.jsonc में मौजूद सेटिंग — MCP निर्देश और एजेंट का सिस्टम प्रॉम्प्ट — push से लागू होती हैं:

    metabind asset upload mcp/assets/files/project-thumbnail.png
    metabind sync repair --out mcp --org <org-id> --project <project-id>
    metabind push --out mcp
    metabind project get <project-id>
    metabind project update <project-id> \
      --data '{"settings":{"thumbnailUrl":"<url from asset upload>"}}'
    metabind publish
    

    push टूल ड्राफ़्ट को फिर से लिखता है, इसलिए उन्हें रिलीज़ करने के लिए एक बार और प्रकाशित करें।

    project get महज़ दिखावे के लिए नहीं है। project update ऐसी एंटिटी लिखने से मना करता है जिसे CLI ने हाल ही में पढ़ा न हो, ताकि यह पता चल सके कि प्रोजेक्ट में इस बीच कोई बदलाव नहीं हुआ है:

    CONFLICT: Refusing project update <project-id>: no recent read recorded.
    

    आपने अभी-अभी जो प्रोजेक्ट इंस्टॉल किया है, उसे कभी पढ़ा नहीं गया है; इसलिए इसके बिना पहला अपडेट विफल होगा।

    thumbnailUrl को पुश करने के बाद सेट करें, पहले नहीं: project update नेस्टेड सेटिंग ऑब्जेक्ट को मर्ज करने के बजाय बदल देता है, इसलिए यहाँ settings.mcp लिखने से push द्वारा अभी लागू किए गए निर्देश हट जाएँगे।

[!NOTE] क्लाइंट में वही संगठन और प्रोजेक्ट ID कॉन्फ़िगर करें जो install ने दिखाए थे — स्थिर आंतरिक ID, संगठन का स्लग नहीं।

भाग 2 — iOS ऐप चलाएँ

  1. टेम्पलेट से Git द्वारा अनदेखा की जाने वाली स्थानीय कॉन्फ़िगरेशन फ़ाइल बनाएँ:

    cd apple
    cp Config/Local.xcconfig.example Config/Local.xcconfig
    
  2. भाग 1 से मिले ID भरें:

    FINANCE_DEMO_ORG_ID = your_stable_internal_org_id
    FINANCE_DEMO_PROJECT_ID = your_project_id
    

    FINANCE_DEMO_API_KEY खाली छोड़ें — पहली बार लॉन्च करने पर आप कुंजी दर्ज करेंगे। FINANCE_DEMO_BUNDLE_ID और DEVELOPMENT_TEAM केवल साइन किए गए डिवाइस बिल्ड के लिए ज़रूरी हैं।

  3. प्रोजेक्ट खोलें और iOS 17+ सिम्युलेटर पर चलाएँ (⌘R):

    open MetabindFinanceDemo.xcodeproj
    
  4. लॉन्च स्क्रीन पर अपनी Metabind API कुंजी दर्ज करें और Start पर टैप करें। होम स्क्रीन "इस महीने मेरा पैसा कहाँ गया?" पूछकर लोड होती है। सुझाए गए अगले सवाल पर या Ask anything पर टैप करके अगला जवाब शीट में खोलें।

साइनिंग, Xcode Cloud, TestFlight और इंटीग्रेशन कैसे काम करता है, इसके लिए iOS ऐप का README देखें।

भाग 3 — Android ऐप चलाएँ

  1. GitHub Packages के लिए Gradle क्रेडेंशियल दें — या तो एनवायरनमेंट वेरिएबल (GITHUB_ACTOR / GITHUB_TOKEN) के रूप में या ~/.gradle/gradle.properties में:

    gpr.user=your-github-username
    gpr.key=your-github-token
    
  2. टेम्पलेट से Git द्वारा अनदेखी की जाने वाली स्थानीय कॉन्फ़िगरेशन फ़ाइल बनाएँ और भाग 1 से मिले वही ID भरें:

    cd android
    cp local.properties.example local.properties
    
  3. डिवाइस या एम्युलेटर पर बिल्ड करें, इंस्टॉल करें और लॉन्च करें (API 26+, WebView JavaScript Sandbox उपलब्ध होना चाहिए — BindJS कंपोनेंट कोड androidx.javascriptengine में चलाता है):

    ./gradlew :app:installDebug
    adb shell am start -n ai.metabind.finance.demo/.MainActivity
    
  4. अपनी Metabind API कुंजी दर्ज करें और Start पर टैप करें — iOS जैसा ही पहली बार लॉन्च करने का फ़्लो।

Compose आर्किटेक्चर और iOS ऐप से जानबूझकर किए गए अंतर के लिए Android ऐप का README देखें।

आगे क्या करें

लाइसेंस

Apache 2.0। रिपॉज़िटरी के रूट में LICENSE और NOTICE देखें; apple/, android/ और mcp/ की अपनी प्रतियाँ हैं, क्योंकि इन्हें शुरुआती टेम्पलेट के रूप में कॉपी करने के लिए बनाया गया है।