Payment Gateway UI
When to use: Building checkout and payment flows: unified pay-method pickers, card entry, Alipay/WeChat/Stripe integration, and payment status displays.
npx skills add payment-gateway-uigit clone https://github.com/skillhub-community/payment-gateway-ui.gitDescription
A payment UI suite with a gateway adapter layer. PayMethodPicker: the standard grid of payment methods — card, Alipay, WeChat Pay, bank transfer, PayPal, Apple Pay/Google Pay — each with its logo and a 'recommended' badge; selection highlights and expands the matching input. CardForm: secure card entry (number formatting, expiry, CVC) with hosted-field option per gateway (Stripe Elements, etc.) and inline validation. RedirectFlow: for gateways that redirect (Alipay/WeChat QR), show a QR or redirect screen with a status poller.
TransactionStatus: success/failure/pending cards with order summary, receipt button, and refund/retry actions; a live payment-status stepper (initiated → processing → confirmed) updates from webhooks. Includes a test-mode sandbox banner (TEST MODE) so devs don't ship test cards to prod, amount/currency formatting, and a PaymentProvider wrapper that unifies the payment-intent lifecycle across gateways. Security guidance: never handle raw card data server-side unless PCI-compliant, prefer hosted fields, and always verify signature callbacks.
AI Hub
Need a model endpoint?
AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.
Open AI Hub