支付方式管理器

React金融安全表单更新于 2026-08-09

使用场景: 构建账户设置中的支付方式管理、结账保存支付或订阅计费界面。

安装
npx skills add payment-method-manager
克隆
git clone https://github.com/skillhub-community/payment-method-manager.git

描述

构建支持 Stripe/PayPal 的支付方式管理界面:卡片列表显示末四位、发卡品牌图标(通过 BIN 自动识别)和有效期(30 天内到期时红色警告);添加卡片表单(实时品牌检测和格式化);默认支付方式选择器(单选按钮);带确认对话框的删除卡片。

同时包含 Apple Pay/Google Pay 钱包切换区域、关联到每张卡的账单地址管理,以及按支付方式筛选的交易历史表格。所有敏感字段均做掩码处理,符合 PCI 合规要求。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@fin_rahul
许可证MIT
版本1.0.0
依赖0