Which frontend frameworks are supported?

This skill provides specific bindings and implementation patterns for React, Next.js, Vue, Nuxt, Svelte, SvelteKit, Solid, and Vanilla JavaScript.

How does it handle authentication during checkout?

It supports both 'managed' mode (where checkout handles auth) and 'provided' mode (where your app's existing SDK auth is synced with the checkout session to ensure proper cart and order attribution).

Can this skill help with coupons and loyalty points?

Yes, it includes specific SDK methods and implementation patterns for listing available coupons, applying discount codes, and redeeming loyalty points as part of the cart total.

Should I use Hosted Checkout or Custom Checkout?

Hosted Checkout is highly recommended as it is PCI-compliant and pre-built, saving 2-3 months of development. Custom Checkout should only be used if you require total control over the UI and are prepared to build all logic from scratch using the SDK.

E-commerce Cart & Checkout

Name: E-commerce Cart & Checkout
Author: commercengine

bycommercengine

0•

E-commerce Solutions

Manage shopping cart operations, checkout flows, and payment integrations using the Commerce Engine ecosystem.

This skill empowers Claude to build and manage full-featured e-commerce checkout experiences, from simple 'Add to Cart' buttons to complex, multi-step payment flows. It provides a strategic decision tree that prioritizes a PCI-compliant, pre-built Hosted Checkout to save months of development time, while also offering comprehensive SDK patterns for developers who require a fully custom UI. Whether implementing coupon codes, loyalty points, or fulfillment logic, this skill ensures best practices for session sync and order attribution across React, Vue, Svelte, and other modern frameworks.

Key Features

01Coupon and loyalty point redemption logic

02Address validation and fulfillment preference handling

03Comprehensive Cart CRUD and item management

04Secure payment gateway integration and order status polling

05Hosted Checkout integration (React, Vue, Svelte, Solid, JS)

060 GitHub stars

Use Cases

01Building a secure, iframe-based checkout flow for a new storefront

02Implementing 'Add to Cart' and cart drawer functionality in a React app

03Creating a custom checkout sequence with complex fulfillment and address requirements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add commercengine/skills cart-checkout

For use in Claude.ai and ChatGPT

Download Skill