Banking Assistant (Metabind demo)

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

Demo Keuangan Metabind

Asisten keuangan pribadi tanpa transkrip obrolan. Aplikasi ini mengajukan satu pertanyaan saat diluncurkan dan menggunakan jawaban yang dirender sebagai layar beranda; setiap tindak lanjut terbuka di permukaan yang dibuat khusus. Asisten yang sama berjalan secara native di iOS dan Android dari satu definisi Aplikasi MCP.

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

Demo Keuangan, berjalan di aplikasi iOS.

Apa itu Metabind

Metabind membangun agen yang menjawab di UI produk Anda sendiri, bukan di jendela obrolan: antarmuka interaktif yang membawa pelanggan langsung ke apa yang mereka cari, dalam merek yang sudah mereka kenal. Ini dibangun dari UI, sistem desain, dan API yang sudah dimiliki aplikasi. Tanpa penulisan ulang. Ini terkelola, hanya merender komponen yang telah Anda setujui, ditegakkan pada setiap render. Dan ini dihosting: Anda mendefinisikan alatnya, kami yang menjalankan servernya. Agen yang sama berjalan di dalam aplikasi iOS, Android, dan web Anda sendiri, serta di Claude, ChatGPT, dan setiap host MCP, pada standar terbuka MCP.

Demo ini menunjukkan bagian di dalam-aplikasi-Anda-sendiri, dirender sebagai SwiftUI dan Jetpack Compose native yang nyata melalui Assistant SDK.

Mulai gratis di metabind.ai · Baca dokumentasi

Apa demo ini

Finance adalah asisten yang sengaja tanpa transkrip. Satu pertanyaan diajukan saat peluncuran — "Ke mana uang saya bulan ini?" — dan hasil MCP yang dirender adalah layar beranda. Pertanyaan berikutnya datang dari bilah pil di bagian bawah dan terbuka di lembar. Setiap giliran dirutekan ke permukaan yang dibuat khusus, bukan menggulir di daftar pesan.

Ini adalah bentuk kebalikan dari demo Retail, di mana percakapan itu sendiri adalah produknya. SDK yang sama, dua bentuk — baca keduanya sebelum memutuskan mana produk Anda.

Mengerjakan README ini dari awal hingga akhir, Anda mendapatkan:

• Proyek MCP Finance — rincian pengeluaran, daftar transaksi, langganan, dan tren kekayaan bersih sebagai komponen BindJS di atas data sintetis — diinstal sebagai proyek di organisasi Metabind Anda sendiri.
• Aplikasi iOS yang berjalan terhadap proyek itu.
• Aplikasi Android yang berjalan terhadap proyek yang sama.

Semua data keuangan bersifat sintetis. Tidak ada apa pun di sini yang terhubung ke bank sungguhan, membaca rahasia, atau memanggil host eksternal.

Apa yang ada di folder ini

Direktori	Isi
apple/	Aplikasi iOS di MetabindAI (MetabindAssistant), SDK dipatok berdasarkan tag rilis
android/	Aplikasi Android di metabindai-android (MetabindAssistant), SDK dipatok di katalog versi
mcp/	Proyek MCP Finance: komponen BindJS, alat, dan umpan sintetis

Sebelum Anda mulai

• Akun dan organisasi Metabind — daftar di metabind.ai/signup.

• CLI metabind, 0.9.0 atau lebih baru:

  brew install metabindai/tap/metabind
  metabind --version
  

• Kunci API penyedia LLM (Anthropic, OpenAI, atau Google). Proksi Agen Metabind menyimpannya di sisi server dan menjalankan percakapan dengannya — aplikasi tidak pernah mengirim kunci penyedia.

• Untuk iOS: Xcode 26+ (aplikasi menargetkan iOS 17+).

• Untuk Android: Android Studio, JDK 17+, dan kredensial GitHub Packages — GitHub memerlukan autentikasi bahkan untuk membaca paket publik.

Bagian 1 — instal proyek MCP

Jalankan ini dari direktori ini (finance/).

1. Daftar di metabind.ai jika Anda belum melakukannya — itu membuat akun dan organisasi Anda. Kemudian masuk ke CLI dan pilih organisasi untuk diinstal:

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

   use --clear penting jika Anda pernah menggunakan CLI sebelumnya. install di langkah 3 membuat proyek hanya jika tidak ada yang terikat, dan menginstal ke proyek yang terikat jika ada — setelah demo Retail, misalnya. Mengatur org saja tidak melepaskan proyek yang terikat sebelumnya; metabind status menunjukkan cakupan aktif.

2. Lihat apa yang dideklarasikan pohon sebelum membuat apa pun:

   metabind inspect --dir mcp
   

   Finance tidak mendeklarasikan rahasia dan tidak ada panggilan keluar — inspect adalah cara Anda mengonfirmasi itu dari pohon itu sendiri.

3. Instal:

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

   install membuat id baru untuk semua yang dibuatnya, mencatat dari mana pohon itu berasal, dan hanya membuat draf — tidak ada yang melayani lalu lintas sampai Anda menerbitkan. Salin id proyek yang dicetaknya.

4. Lingkup CLI ke proyek baru dan atur kunci LLM agen:

   metabind use --project <project-id>
   echo $ANTHROPIC_API_KEY | metabind agent set --provider anthropic --api-key-stdin
   

5. Terbitkan:

   metabind publish
   

6. Buat kunci API yang digunakan aplikasi untuk masuk:

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

   Salin nilainya sekarang — hanya ditampilkan sekali, saat pembuatan. Satu kunci API Metabind mengautentikasi proksi Agen dan server MCP.

7. Opsional, terapkan pengaturan proyek dan thumbnail. install membuat komponen dan alat; pengaturan di mcp/metabind.jsonc — instruksi MCP dan prompt sistem agen — diterapkan oleh 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 menulis ulang draf alat, jadi terbitkan sekali lagi untuk merilisnya.

   project get bukan hiasan. project update menolak untuk menulis entitas yang belum dibaca CLI baru-baru ini, sehingga dapat mengetahui bahwa proyek tidak berpindah di bawah Anda:

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

   Proyek yang baru saja Anda instal belum pernah dibaca, jadi pembaruan pertama akan gagal tanpa ini.

   Atur thumbnailUrl setelah mendorong, bukan sebelumnya: project update mengganti objek pengaturan bersarang daripada menggabungkannya, jadi menulis settings.mcp di sini akan menghilangkan instruksi yang baru saja diterapkan push.

[!NOTE] Konfigurasikan klien dengan id org dan proyek yang dicetak install — id internal yang stabil, bukan slug organisasi.

Bagian 2 — jalankan aplikasi iOS

1. Buat konfigurasi lokal yang diabaikan git dari templatnya:

   cd apple
   cp Config/Local.xcconfig.example Config/Local.xcconfig
   

2. Isi id dari Bagian 1:

   FINANCE_DEMO_ORG_ID = your_stable_internal_org_id
   FINANCE_DEMO_PROJECT_ID = your_project_id
   

   Biarkan FINANCE_DEMO_API_KEY kosong — Anda akan memasukkan kunci saat peluncuran pertama. FINANCE_DEMO_BUNDLE_ID dan DEVELOPMENT_TEAM hanya penting untuk build perangkat yang ditandatangani.

3. Buka proyek dan jalankan (⌘R) di simulator iOS 17+:

   open MetabindFinanceDemo.xcodeproj
   

4. Masukkan kunci API Metabind Anda di layar peluncuran dan ketuk Mulai. Layar beranda dimuat dengan mengajukan "Ke mana uang saya bulan ini?". Ketuk tindak lanjut yang disarankan atau Tanyakan apa saja untuk membuka jawaban berikutnya di lembar.

Untuk penandatanganan, Xcode Cloud, TestFlight, dan cara kerja integrasi, lihat README aplikasi iOS.

Bagian 3 — jalankan aplikasi Android

1. Berikan kredensial Gradle untuk GitHub Packages, baik sebagai variabel lingkungan (GITHUB_ACTOR / GITHUB_TOKEN) atau di ~/.gradle/gradle.properties:

   gpr.user=your-github-username
   gpr.key=your-github-token
   

2. Buat konfigurasi lokal yang diabaikan git dari templatnya, dan isi id yang sama dari Bagian 1:

   cd android
   cp local.properties.example local.properties
   

3. Bangun, instal, dan luncurkan di perangkat atau emulator (API 26+, dengan Sandbox JavaScript WebView tersedia — BindJS menjalankan kode komponen di androidx.javascriptengine):

   ./gradlew :app:installDebug
   adb shell am start -n ai.metabind.finance.demo/.MainActivity
   

4. Masukkan kunci API Metabind Anda dan ketuk Mulai — alur peluncuran pertama yang sama seperti iOS.

Untuk arsitektur Compose dan perbedaan yang disengaja dari aplikasi iOS, lihat README aplikasi Android.

Ke mana selanjutnya

• Edit proyek MCP — ubah komponen, validasi, dorong, dan terbitkan, dengan skrip rekonsiliasi yang menjaga angka setiap kartu tetap sesuai.
• Demo Retail — SDK yang sama dengan bentuk berlawanan: transkrip adalah produknya.
• Metabind untuk Apple dan Metabind untuk Android — instalasi SDK dan referensi API.
• docs.metabind.ai — panduan lengkap.

Lisensi

Apache 2.0. Lihat LICENSE dan NOTICE di akar repositori; apple/, android/, dan mcp/ membawa salinannya sendiri karena dimaksudkan untuk disalin sebagai pemula.