支付方式管理器
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