Checkout Flow Builder

ReactE-CommerceFormsUpdated 2026-07-28

When to use: Building a complete checkout experience — shipping form, payment collection, order review, and confirmation.

Install
npx skills add checkout-flow-builder
Git Clone
git clone https://github.com/skillhub-community/checkout-flow-builder.git

Description

Scaffolds a 3-step checkout: shipping address with Google Places autocomplete, Stripe Payment Element with card/Apple Pay/Google Pay, and an order review with line items and totals.

Includes server-side order creation via Stripe API, webhook-ready payment confirmation, and accessible form patterns throughout.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@ecom_liu
LicenseMIT
Version1.2.0
Dependencies2

Dependencies

Form Validation BuilderShopping Cart System