Banking Assistant (Metabind demo)

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

Metabind Finance Demo

Ein persönlicher Finanzassistent ohne Chat-Transkript. Die App stellt beim Start eine Frage und verwendet die gerenderte Antwort als Startbildschirm; jede Folgefrage öffnet sich auf einer speziell dafür gebauten Oberfläche. Derselbe Assistent läuft nativ auf iOS und Android aus einer einzigen MCP-App-Definition.

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

Die Finance-Demo, ausgeführt in der iOS-App.

Was ist Metabind

Metabind baut Agenten, die in der eigenen Benutzeroberfläche Ihres Produkts antworten, nicht in einem Chat-Fenster: interaktive Oberflächen, die Kunden direkt zu dem führen, was sie suchen, in der Marke, die sie bereits kennen. Es basiert auf der UI, dem Designsystem und den APIs, die die App bereits hat. Kein Neuschreiben. Es ist kontrolliert – es rendert nur Komponenten, die Sie freigegeben haben, bei jedem Rendern durchgesetzt. Und es ist gehostet: Sie definieren die Tools, wir betreiben den Server. Derselbe Agent läuft in Ihren eigenen iOS-, Android- und Web-Apps sowie in Claude, ChatGPT und jedem MCP-Host auf dem offenen MCP-Standard.

Diese Demo zeigt die Hälfte „innerhalb Ihrer eigenen App“, gerendert als echtes natives SwiftUI und Jetpack Compose über das Assistant SDK.

Kostenlos starten bei metabind.ai · Dokumentation lesen

Was diese Demo ist

Finance ist ein bewusst transkriptfreier Assistent. Beim Start wird eine Frage gestellt — „Wohin ist mein Geld diesen Monat geflossen?“ — und das gerenderte MCP-Ergebnis ist der Startbildschirm. Weitere Fragen kommen aus einer Pill-Leiste unten und öffnen sich in Sheets. Jede Runde wird an eine speziell dafür gebaute Oberfläche geroutet, anstatt in einer Nachrichtenliste vorbeizulaufen.

Es ist die gegenteilige Form zur Retail-Demo, bei der das Gespräch selbst das Produkt ist. Gleiche SDKs, zwei Formen – lesen Sie beide, bevor Sie entscheiden, welche Form Ihr Produkt hat.

Wenn Sie diese README vollständig durcharbeiten, erhalten Sie:

• Das Finance-MCP-Projekt – Ausgabenaufschlüsselungen, Transaktionslisten, Abonnements und Vermögensentwicklungstrends als BindJS-Komponenten über synthetische Daten – installiert als Projekt in Ihrer eigenen Metabind-Organisation.
• Die iOS-App, die gegen dieses Projekt läuft.
• Die Android-App, die gegen dasselbe Projekt läuft.

Alle Finanzdaten sind synthetisch. Nichts hier verbindet sich mit einer echten Bank, liest ein Geheimnis oder ruft einen externen Host auf.

Was in diesem Ordner ist

Verzeichnis	Inhalt
apple/	iOS-App auf MetabindAI (MetabindAssistant), SDK per Release-Tag fixiert
android/	Android-App auf metabindai-android (MetabindAssistant), SDK im Versionskatalog fixiert
mcp/	Das Finance-MCP-Projekt: BindJS-Komponenten, Tools und der synthetische Feed

Vor dem Start

• Ein Metabind-Konto und eine Organisation – registrieren Sie sich unter metabind.ai/signup.

• Die metabind-CLI, Version 0.9.0 oder neuer:

  brew install metabindai/tap/metabind
  metabind --version
  

• Ein LLM-Anbieter-API-Schlüssel (Anthropic, OpenAI oder Google). Der Metabind-Agent- Proxy hält ihn serverseitig und führt das Gespräch damit – die Apps liefern niemals einen Anbieter-Schlüssel aus.

• Für iOS: Xcode 26+ (die App zielt auf iOS 17+).

• Für Android: Android Studio, JDK 17+ und GitHub-Packages-Anmeldedaten – GitHub verlangt auch zum Lesen eines öffentlichen Pakets eine Authentifizierung.

Teil 1 – das MCP-Projekt installieren

Führen Sie diese Befehle aus diesem Verzeichnis aus (finance/).

1. Registrieren Sie sich unter metabind.ai, falls Sie das noch nicht getan haben – das erstellt Ihr Konto und Ihre Organisation. Melden Sie sich dann bei der CLI an und wählen Sie die Organisation für die Installation:

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

   use --clear ist wichtig, wenn Sie die CLI bereits verwendet haben. install in Schritt 3 erstellt ein Projekt nur, wenn keines gebunden ist, und installiert andernfalls in das gebundene – nach der Retail-Demo zum Beispiel. Das alleinige Setzen der Organisation gibt ein zuvor gebundenes Projekt nicht frei; metabind status zeigt den aktiven Bereich.

2. Sehen Sie, was der Baum deklariert, bevor Sie etwas erstellen:

   metabind inspect --dir mcp
   

   Finance deklariert keine Geheimnisse und keine ausgehenden Aufrufe – inspect ist, wie Sie das direkt aus dem Baum bestätigen.

3. Installieren:

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

   install erzeugt frische IDs für alles, was es erstellt, zeichnet auf, woher der Baum stammt, und erstellt nur Entwürfe – nichts bedient Traffic, bis Sie veröffentlichen. Kopieren Sie die Projekt-ID, die es ausgibt.

4. Begrenzen Sie die CLI auf das neue Projekt und setzen Sie den LLM-Schlüssel des Agenten:

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

5. Veröffentlichen:

   metabind publish
   

6. Erzeugen Sie den API-Schlüssel, mit dem sich die Apps anmelden:

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

   Kopieren Sie den Wert jetzt – er wird nur einmal, bei der Erstellung, angezeigt. Ein Metabind-API-Schlüssel authentifiziert sowohl den Agent-Proxy als auch den MCP-Server.

7. Optional: Wenden Sie die Projekteinstellungen und das Vorschaubild an. install erstellt die Komponenten und Tools; die Einstellungen in mcp/metabind.jsonc – die MCP- Anweisungen und der Agent-Systemprompt – werden von push angewendet:

   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 schreibt die Tool-Entwürfe neu, also veröffentlichen Sie noch einmal, um sie freizugeben.

   Der project get ist keine Dekoration. project update weigert sich, eine Entität zu schreiben, die die CLI nicht kürzlich gelesen hat, damit sie erkennen kann, dass sich das Projekt nicht unter Ihnen bewegt hat:

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

   Ein Projekt, das Sie gerade installiert haben, wurde nie gelesen, daher löst das erste Update dies ohne ihn aus.

   Setzen Sie thumbnailUrl nach dem Pushen, nicht davor: project update ersetzt verschachtelte Einstellungsobjekte, anstatt sie zusammenzuführen. Wenn Sie also settings.mcp hier schreiben, würden die Anweisungen verworfen, die push gerade angewendet hat.

[!NOTE] Konfigurieren Sie die Clients mit den Organisations- und Projekt-IDs, die install ausgegeben hat – die stabilen internen IDs, nicht den Organisations-Slug.

Teil 2 – die iOS-App ausführen

1. Erstellen Sie die git-ignorierte lokale Konfiguration aus ihrer Vorlage:

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

2. Füllen Sie die IDs aus Teil 1 ein:

   FINANCE_DEMO_ORG_ID = your_stable_internal_org_id
   FINANCE_DEMO_PROJECT_ID = your_project_id
   

   Lassen Sie FINANCE_DEMO_API_KEY leer – Sie geben den Schlüssel beim ersten Start ein. FINANCE_DEMO_BUNDLE_ID und DEVELOPMENT_TEAM sind nur für signierte Geräte-Builds relevant.

3. Öffnen Sie das Projekt und führen Sie es (⌘R) auf einem iOS-17+-Simulator aus:

   open MetabindFinanceDemo.xcodeproj
   

4. Geben Sie Ihren Metabind-API-Schlüssel auf dem Startbildschirm ein und tippen Sie auf Start. Der Startbildschirm lädt, indem er „Wohin ist mein Geld diesen Monat geflossen?“ fragt. Tippen Sie auf eine vorgeschlagene Folgefrage oder Beliebiges fragen, um die nächste Antwort in einem Sheet zu öffnen.

Für Signierung, Xcode Cloud, TestFlight und wie die Integration funktioniert, siehe die README der iOS-App.

Teil 3 – die Android-App ausführen

1. Geben Sie Gradle Anmeldedaten für GitHub Packages, entweder als Umgebungsvariablen (GITHUB_ACTOR / GITHUB_TOKEN) oder in ~/.gradle/gradle.properties:

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

2. Erstellen Sie die git-ignorierte lokale Konfiguration aus ihrer Vorlage und füllen Sie dieselben IDs aus Teil 1 ein:

   cd android
   cp local.properties.example local.properties
   

3. Bauen, installieren und starten Sie auf einem Gerät oder Emulator (API 26+, mit verfügbarer WebView-JavaScript-Sandbox – BindJS führt Komponentencode in androidx.javascriptengine aus):

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

4. Geben Sie Ihren Metabind-API-Schlüssel ein und tippen Sie auf Start – derselbe Erststart-Ablauf wie bei iOS.

Für die Compose-Architektur und die bewussten Abweichungen von der iOS-App, siehe die README der Android-App.

Wohin als Nächstes

• Das MCP-Projekt bearbeiten – eine Komponente ändern, validieren, pushen und veröffentlichen, mit den Reconcile-Skripten, die die Zahlen jeder Karte konsistent halten.
• Die Retail-Demo – dieselben SDKs mit der gegenteiligen Form: das Transkript ist das Produkt.
• Metabind für Apple und Metabind für Android – SDK-Installation und API-Referenz.
• docs.metabind.ai – die vollständigen Anleitungen.

Lizenz

Apache 2.0. Siehe LICENSE und NOTICE im Repository-Stammverzeichnis; apple/, android/ und mcp/ enthalten ihre eigenen Kopien, da sie als Startvorlagen zum Kopieren gedacht sind.