Banking Assistant (Metabind demo)

resmi

Metabind üzerine inşa edilmiş interaktif MCP App demosu: kişisel finans yanıtları, Claude ve ChatGPT'de ve iOS/Android uygulamalarında doğal olarak UI kartları (net değer, harcamalar, abonelikler) olarak görüntülenir.

Banking Assistant (Metabind Demo) MCP ile neler yapabilirsiniz?

  • Aylık harcamaları sorun — Asistanın "Bu ay param nereye gitti?" sorusunu yanıtlamasını sağlayın ve sonucu ana ekranınız olarak görüntüleyin.
  • İşlem ayrıntılarını keşfedin — İşlem listeleri, harcama dökümleri veya abonelik görünümleri isteyin; her yanıt amaca özel bir panelde açılsın.
  • Net değer eğilimlerini takip edin — Sentetik finansal veriler üzerinde etkileşimli BindJS bileşenleri olarak işlenen net değer eğilimi görselleştirmelerini isteyin.
  • Her cihazda çalıştırın — Aynı asistanı tek bir paylaşılan tanımdan iOS (apple/), Android (android/) ve MCP ana bilgisayarlarında (mcp/) kullanın.

Barındırılan MCP Sunucusu

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

Claude Code, Codex, Cursor ve daha fazlasına kurulur

Dokümantasyon

Metabind Finans demosu

Sohbet geçmişi olmayan kişisel finans asistanı. Uygulama açılışta tek bir soru sorar ve yanıtlanan cevabı ana ekran olarak kullanır; her takip sorusu amaca özel bir yüzeyde açılır. Aynı asistan, tek bir MCP App tanımıyla iOS ve Android'de doğal olarak çalışır.

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

Finans demosu, iOS uygulamasında çalışıyor.

Metabind nedir

Metabind, sohbet penceresi yerine ürününüzün kendi arayüzünde yanıt veren aracılar oluşturur: müşterileri doğrudan aradıkları şeye, zaten bildikleri markayla götüren etkileşimli arayüzler. Uygulamanın zaten sahip olduğu arayüz, tasarım sistemi ve API'lerden inşa edilmiştir. Yeniden yazma yok. Yönetilir; yalnızca onayladığınız bileşenleri işler ve her işlemede uygulanır. Ve barındırılır: araçları siz tanımlarsınız, sunucuyu biz çalıştırırız. Aynı aracı, kendi iOS, Android ve web uygulamalarınızın içinde ve Claude, ChatGPT ile her MCP ana bilgisayarında, açık MCP standardı üzerinde çalışır.

Bu demo, kendi uygulamanızın içindeki yarısını, Assistant SDK aracılığıyla gerçek doğal SwiftUI ve Jetpack Compose olarak işlenmiş şekilde gösterir.

metabind.ai'de ücretsiz başlayın · Dokümanları okuyun

Bu demo nedir

Finans, kasıtlı olarak transkriptsiz bir asistandır. Açılışta tek bir soru sorulur — "Param bu ay nereye gitti?" — ve işlenen MCP sonucu ana ekrandır. Sonraki sorular alttaki hap şeridinden gelir ve sayfalarda açılır. Her tur, mesaj listesinde kaydırmak yerine amaca özel bir yüzeye yönlendirilir.

Bu, sohbetin kendisinin ürün olduğu Retail demosunun tam tersi bir şekildir. Aynı SDK'lar, iki şekil — hangisinin sizin ürününüz olduğuna karar vermeden önce ikisini de okuyun.

Bu README'yi baştan sona çalıştırarak şunları elde edersiniz:

  • Finans MCP projesi — sentetik veriler üzerinde BindJS bileşenleri olarak harcama dökümleri, işlem listeleri, abonelikler ve net değer eğilimleri — kendi Metabind organizasyonunuzda bir proje olarak kurulur.
  • Bu projeye karşı çalışan iOS uygulaması.
  • Aynı projeye karşı çalışan Android uygulaması.

Tüm finansal veriler sentetiktir. Burada hiçbir şey gerçek bir bankaya bağlanmaz, bir sır okumaz veya harici bir ana bilgisayarı çağırmaz.

Bu klasörde ne var

Dizinİçerik
apple/MetabindAI (MetabindAssistant) üzerinde iOS uygulaması, SDK sürüm etiketiyle sabitlenmiş
android/metabindai-android (MetabindAssistant) üzerinde Android uygulaması, SDK sürüm kataloğunda sabitlenmiş
mcp/Finans MCP projesi: BindJS bileşenleri, araçlar ve sentetik akış

Başlamadan önce

  • Bir Metabind hesabı ve organizasyonu — metabind.ai/signup adresinden kaydolun.

  • metabind CLI, 0.9.0 veya daha yeni:

    brew install metabindai/tap/metabind
    metabind --version
    
  • Bir LLM sağlayıcı API anahtarı (Anthropic, OpenAI veya Google). Metabind Agent proxy'si bunu sunucu tarafında tutar ve sohbeti onunla çalıştırır — uygulamalar asla bir sağlayıcı anahtarı göndermez.

  • iOS için: Xcode 26+ (uygulama iOS 17+ hedefler).

  • Android için: Android Studio, JDK 17+ ve GitHub Packages kimlik bilgileri — GitHub, genel bir paketi okumak için bile kimlik doğrulaması gerektirir.

Bölüm 1 — MCP projesini kurun

Bunları bu dizinden çalıştırın (finance/).

  1. Henüz yapmadıysanız metabind.ai adresinden kaydolun — bu, hesabınızı ve organizasyonunuzu oluşturur. Ardından CLI'ye giriş yapın ve kurulacak organizasyonu seçin:

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

    use --clear, CLI'yi daha önce kullandıysanız önemlidir. 3. adımdaki install, yalnızca hiçbir proje bağlı değilken bir proje oluşturur ve aksi takdirde bağlı olana kurar — örneğin Retail demosundan sonra. Yalnızca organizasyonu ayarlamak daha önce bağlanmış bir projeyi serbest bırakmaz; metabind status etkin kapsamı gösterir.

  2. Herhangi bir şey oluşturmadan önce ağacın ne bildirdiğini görün:

    metabind inspect --dir mcp
    

    Finans hiçbir sır ve giden çağrı bildirmez — inspect, bunu ağacın kendisinden doğrulama şeklinizdir.

  3. Kurun:

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

    install, oluşturduğu her şey için yeni kimlikler üretir, ağacın nereden geldiğini kaydeder ve yalnızca taslaklar oluşturur — yayınlayana kadar hiçbir şey trafik sunmaz. Yazdırdığı proje kimliğini kopyalayın.

  4. CLI'yi yeni projeye kapsamlayın ve aracın LLM anahtarını ayarlayın:

    metabind use --project <project-id>
    echo $ANTHROPIC_API_KEY | metabind agent set --provider anthropic --api-key-stdin
    
  5. Yayınlayın:

    metabind publish
    
  6. Uygulamaların giriş yaptığı API anahtarını üretin:

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

    Değeri şimdi kopyalayın — yalnızca oluşturulduğunda bir kez gösterilir. Tek bir Metabind API anahtarı hem Agent proxy'sini hem de MCP sunucusunu doğrular.

  7. İsteğe bağlı olarak, proje ayarlarını ve küçük resmi uygulayın. install bileşenleri ve araçları oluşturur; mcp/metabind.jsonc içindeki ayarlar — MCP talimatları ve aracı sistem istemi — push tarafından uygulanır:

    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 araç taslaklarını yeniden yazar, bu yüzden bunları yayınlamak için bir kez daha yayınlayın.

    project get süs değildir. project update, CLI'nin yakın zamanda okumadığı bir varlığı yazmayı reddeder, böylece projenin altınızda hareket etmediğini söyleyebilir:

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

    Yeni kurduğunuz bir proje hiç okunmamıştır, bu yüzden ilk güncelleme bu olmadan buna takılır.

    thumbnailUrl'ü gönderdikten sonra ayarlayın, öncesinde değil: project update, iç içe ayar nesnelerini birleştirmek yerine değiştirir, bu yüzden settings.mcp'i buraya yazmak, push'nin az önce uyguladığı talimatları düşürür.

[!NOT] İstemcileri, install'nin yazdırdığı org ve proje kimlikleriyle yapılandırın — organizasyon takma adı değil, kararlı dahili kimlikler.

Bölüm 2 — iOS uygulamasını çalıştırın

  1. Gitignore edilen yerel yapılandırmayı şablonundan oluşturun:

    cd apple
    cp Config/Local.xcconfig.example Config/Local.xcconfig
    
  2. Bölüm 1'deki kimlikleri doldurun:

    FINANCE_DEMO_ORG_ID = your_stable_internal_org_id
    FINANCE_DEMO_PROJECT_ID = your_project_id
    

    FINANCE_DEMO_API_KEY'i boş bırakın — anahtarı ilk açılışta gireceksiniz. FINANCE_DEMO_BUNDLE_ID ve DEVELOPMENT_TEAM yalnızca imzalı cihaz derlemeleri için önemlidir.

  3. Projeyi açın ve bir iOS 17+ simülatöründe çalıştırın (⌘R):

    open MetabindFinanceDemo.xcodeproj
    
  4. Metabind API anahtarınızı açılış ekranına girin ve Başlat'a dokunun. Ana ekran, "Param bu ay nereye gitti?" sorusunu sorarak yüklenir. Önerilen bir takip sorusuna veya Her şeyi sor'a dokunarak bir sonraki cevabı bir sayfada açın.

İmzalama, Xcode Cloud, TestFlight ve entegrasyonun nasıl çalıştığı hakkında iOS uygulamasının README'sine bakın.

Bölüm 3 — Android uygulamasını çalıştırın

  1. Gradle'a GitHub Packages için kimlik bilgileri verin, ortam değişkenleri (GITHUB_ACTOR / GITHUB_TOKEN) veya ~/.gradle/gradle.properties içinde:

    gpr.user=your-github-username
    gpr.key=your-github-token
    
  2. Gitignore edilen yerel yapılandırmayı şablonundan oluşturun ve Bölüm 1'deki aynı kimlikleri doldurun:

    cd android
    cp local.properties.example local.properties
    
  3. Bir cihazda veya emülatörde (API 26+, WebView JavaScript Sandbox'ı kullanılabilir — BindJS bileşen kodunu androidx.javascriptengine içinde çalıştırır) derleyin, kurun ve başlatın:

    ./gradlew :app:installDebug
    adb shell am start -n ai.metabind.finance.demo/.MainActivity
    
  4. Metabind API anahtarınızı girin ve Başlat'a dokunun — iOS ile aynı ilk açılış akışı.

Compose mimarisi ve iOS uygulamasından kasıtlı sapmalar için Android uygulamasının README'sine bakın.

Sırada ne var

Lisans

Apache 2.0. Depo kökünde LICENSE ve NOTICE bölümlerine bakın; apple/, android/ ve mcp/ kendi kopyalarını taşır çünkü başlangıç olarak kopyalanmak üzere tasarlanmıştır.