embedded-finance
摩根大通嵌入式金融UI组件库与演示应用，用于快速集成银行功能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：embedded-finance。 它的用途是：摩根大通嵌入式金融UI组件库与演示应用，用于快速集成银行功能。 完整的 Skill 内容见：https://321skill.com/skills/embedded-finance/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我正在开发一个电商平台，需要集成银行账户绑定和支付功能，帮我参考摩根大通的嵌入式金融组件库，设计一个用户绑卡和支付的流程原型。”，它会引导你查看该仓库的SellSense演示应用，分析OnboardingFlow和PaymentFlow组件的使用方式，并提供集成到现有React项目的代码结构建议。
介绍
这个仓库旨在解决开发者如何将摩根大通的嵌入式金融API（如账户管理、支付、KYC等）快速、美观地集成到自己的Web应用中的问题。它提供了一个开箱即用的React组件库和完整的演示应用。
你可以通过NPM直接安装组件库，或克隆整个仓库运行演示应用。演示应用使用MSW进行API模拟，无需真实API密钥即可体验所有功能，方便快速上手和开发测试。
它非常适合需要在其电商、SaaS或金融科技平台中嵌入银行功能的前端或全栈开发者、产品经理和UI设计师，用于原型设计、功能验证或生产集成。
使用建议：对于初次接触，建议先运行演示应用（SellSense Demo）了解完整流程。注意，默认使用Mock数据，如需连接真实沙箱环境，需参考官方文档配置API密钥。
核心特点
这是由摩根大通官方提供的、与其API深度绑定的专用UI组件库，组件设计符合金融行业合规要求，并提供了完整的、可直接运行的电商场景演示应用，而非通用的金融UI套件。
注意事项
该Skill主要面向与摩根大通API集成的场景，不适用于需要对接其他银行或支付服务商的项目。
常见问题
如何快速体验所有组件功能？
克隆仓库，运行 `yarn install` 和 `cd app/client-next-ts && yarn dev`，访问本地 `http://localhost:3000` 即可查看包含SellSense电商演示在内的所有交互示例。
如何在自己的React项目中使用这些组件？
通过NPM安装 `@jpmorgan-payments/embedded-finance-components` 包，导入所需组件（如OnboardingFlow, PaymentFlow）并传入必要的props即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/embedded-finance/raw/index.md 读取 embedded-finance 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/embedded-finance/raw/index.md（查看排版版本）