Banking Assistant (Metabind demo)

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

Metabind Finance demo

ผู้ช่วยจัดการการเงินส่วนบุคคลที่ไม่มีประวัติการสนทนา แอปจะถามคำถามหนึ่งข้อ เมื่อเปิดใช้งานและใช้คำตอบที่แสดงผลเป็นหน้าจอหลัก ทุกคำถามติดตามผล จะเปิดบนพื้นผิวที่ออกแบบมาโดยเฉพาะ ผู้ช่วยเดียวกันนี้ทำงานบน iOS และ Android โดยกำเนิดจากคำนิยามแอป MCP เดียวกัน

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

เดโม่ Finance กำลังทำงานในแอป iOS

Metabind คืออะไร

Metabind สร้างเอเจนต์ที่ตอบกลับใน UI ของผลิตภัณฑ์ของคุณเอง ไม่ใช่ในหน้าต่าง แชท: อินเทอร์เฟซแบบโต้ตอบที่พาลูกค้าไปยังสิ่งที่พวกเขาต้องการโดยตรง ในแบรนด์ที่พวกเขารู้จักแล้ว สร้างจาก UI ระบบดีไซน์ และ API ที่แอปมีอยู่แล้ว ไม่ต้องเขียนใหม่ มีการกำกับดูแล แสดงผลเฉพาะคอมโพเนนต์ที่คุณอนุมัติแล้ว บังคับใช้ทุกการแสดงผล และเป็นแบบโฮสต์: คุณกำหนดเครื่องมือ เรารันเซิร์ฟเวอร์ เอเจนต์เดียวกันทำงานภายในแอป iOS, Android และเว็บของคุณเอง และบน Claude, ChatGPT และทุกโฮสต์ MCP บนมาตรฐานเปิด MCP

เดโม่นี้แสดงครึ่งหนึ่งที่ทำงานภายในแอปของคุณเอง แสดงผลเป็น SwiftUI และ Jetpack Compose ดั้งเดิมผ่าน Assistant SDK

เริ่มต้นฟรีที่ metabind.ai · อ่านเอกสาร

เดโม่นี้คืออะไร

Finance เป็นผู้ช่วยที่ไม่มีประวัติการสนทนาโดยเจตนา มีการถามคำถามหนึ่งข้อ เมื่อเปิดใช้งาน — "เงินของฉันไปไหนในเดือนนี้?" — และผลลัพธ์ MCP ที่แสดงผล คือ หน้าจอหลัก คำถามถัดไปมาจากแถบเม็ดยาที่ด้านล่างและเปิดในชีต แต่ละเทิร์นถูกส่งไปยังพื้นผิวที่ออกแบบมาโดยเฉพาะแทนที่จะเลื่อนผ่านในรายการข้อความ

มันเป็นรูปร่างตรงข้ามกับ เดโม่ Retail ที่การสนทนา เองคือผลิตภัณฑ์ SDK เดียวกัน สองรูปร่าง — อ่านทั้งสองก่อนตัดสินใจว่า ผลิตภัณฑ์ของคุณเป็นแบบไหน

การอ่าน README นี้ตั้งแต่ต้นจนจบ คุณจะได้:

• โปรเจกต์ MCP Finance — การแยกย่อยค่าใช้จ่าย รายการธุรกรรม การสมัครสมาชิก และแนวโน้มมูลค่าสุทธิเป็นคอมโพเนนต์ BindJS บนข้อมูลสังเคราะห์ — ติดตั้งเป็นโปรเจกต์ในองค์กร Metabind ของคุณเอง
• แอป iOS ที่ทำงานกับโปรเจกต์นั้น
• แอป Android ที่ทำงานกับโปรเจกต์เดียวกัน

ข้อมูลทางการเงินทั้งหมดเป็นข้อมูลสังเคราะห์ ไม่มีอะไรที่นี่เชื่อมต่อกับธนาคารจริง อ่านความลับ หรือเรียกโฮสต์ภายนอก

สิ่งที่อยู่ในโฟลเดอร์นี้

ไดเรกทอรี	เนื้อหา
apple/	แอป iOS บน MetabindAI (MetabindAssistant), SDK ถูกตรึงด้วยแท็กรีลีส
android/	แอป Android บน metabindai-android (MetabindAssistant), SDK ถูกตรึงในแคตตาล็อกเวอร์ชัน
mcp/	โปรเจกต์ MCP Finance: คอมโพเนนต์ BindJS, เครื่องมือ และฟีดสังเคราะห์

ก่อนเริ่มต้น

• บัญชีและองค์กร Metabind — ลงทะเบียนที่ metabind.ai/signup

• CLI metabind เวอร์ชัน 0.9.0 หรือใหม่กว่า:

  brew install metabindai/tap/metabind
  metabind --version
  

• คีย์ API ของผู้ให้บริการ LLM (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>
   

   use --clear มีความสำคัญหากคุณเคยใช้ CLI มาก่อน install ใน ขั้นตอนที่ 3 สร้างโปรเจกต์เฉพาะเมื่อไม่มีโปรเจกต์ที่ผูกไว้ และติดตั้ง ลงในโปรเจกต์ที่ผูกไว้เป็นอย่างอื่น — หลังจากเดโม่ 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"
   

   คัดลอกค่านั้นทันที — แสดงครั้งเดียวตอนสร้าง คีย์ API Metabind หนึ่งคีย์ รับรองความถูกต้องทั้งพร็อกซี 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. สร้างการกำหนดค่าท้องถิ่นที่ถูก gitignore จากเทมเพลต:

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

2. กรอก id จากส่วนที่ 1:

   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. เปิดโปรเจกต์และรัน (⌘R) บนซิมูเลเตอร์ iOS 17+:

   open MetabindFinanceDemo.xcodeproj
   

4. ป้อนคีย์ API Metabind ของคุณบนหน้าจอเปิดและแตะ Start หน้าจอหลัก โหลดโดยถาม "เงินของฉันไปไหนในเดือนนี้?" แตะคำถามติดตามผลที่แนะนำ หรือ Ask anything เพื่อเปิดคำตอบถัดไปในชีต

สำหรับการเซ็นชื่อ, Xcode Cloud, TestFlight และวิธีการทำงานของการผสานรวม ดู README ของแอป iOS

ส่วนที่ 3 — รันแอป Android

1. ให้ข้อมูลประจำตัว Gradle สำหรับ GitHub Packages เป็นตัวแปรสภาพแวดล้อม (GITHUB_ACTOR / GITHUB_TOKEN) หรือใน ~/.gradle/gradle.properties:

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

2. สร้างการกำหนดค่าท้องถิ่นที่ถูก gitignore จากเทมเพลต และกรอก id เดียวกันจากส่วนที่ 1:

   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 ดู README ของแอป Android

ขั้นตอนถัดไป

• แก้ไขโปรเจกต์ MCP — เปลี่ยนคอมโพเนนต์ ตรวจสอบความถูกต้อง พุช และเผยแพร่ พร้อมสคริปต์กระทบยอดที่ทำให้ ตัวเลขของการ์ดทุกใบสอดคล้องกัน
• เดโม่ Retail — SDK เดียวกันกับรูปร่างตรงข้าม: บันทึกการสนทนาคือผลิตภัณฑ์
• Metabind สำหรับ Apple และ Metabind สำหรับ Android — การติดตั้ง SDK และเอกสารอ้างอิง API
• docs.metabind.ai — คู่มือฉบับเต็ม

สัญญาอนุญาต

Apache 2.0 ดู LICENSE และ NOTICE ที่ รากของที่เก็บ; apple/, android/ และ mcp/ มีสำเนาของตัวเอง เพราะตั้งใจให้คัดลอกออกไปเป็นตัวเริ่มต้น