ce-cart-checkout

Implement cart, checkout, and payment workflows for Commerce Engine storefronts.

Updated Feb 7, 2026
One-click install
npx skills add https://github.com/tark-ai/ce-starter-projects --skill ce-cart-checkout-tark-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ce-cart-checkout
Source: https://github.com/tark-ai/ce-starter-projects/tree/main/.agents/skills/ce-cart-checkout
Command: npx skills add https://github.com/tark-ai/ce-starter-projects --skill ce-cart-checkout-tark-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance to implement and orchestrate an end-to-end cart, checkout, and payment experience using Commerce Engine, reducing integration time and ensuring consistent UX across hosted and custom flows.

Core Features & Use Cases

  • Hosted vs Custom Checkout: Compare and implement hosted checkout with binding guidance and provided auth modes, or build a fully custom checkout with cart APIs, address, fulfillment, and payment integrations.
  • Pattern-driven Implementation: Includes cart mutation patterns, session recovery, address linking, fulfillment, and payment payload patterns with example code.
  • Real-world Scenarios: From cart creation and item management to order creation, payment, and status polling across multiple frameworks.

Quick Start

Read the hosted checkout references and implement two-way token sync between your storefront and checkout to begin a production-grade cart and checkout experience.

Frequently Asked Questions about ce-cart-checkout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement two-way token sync for a Commerce Engine hosted checkout?

To implement two-way token sync for Commerce Engine hosted checkout, you establish a binding mechanism between your storefront and the checkout environment using provided auth modes. This ensures session continuity and consistent cart state across redirects.

What is the best way to build a custom checkout flow with multiple payment integrations?

Building a custom checkout with multiple payment integrations requires orchestrating cart APIs, address linking, and fulfillment payloads. Pattern-driven implementation guides manage multi-payment orchestration and order creation across SPA and SSR frameworks.

Does this cart and checkout skill support session recovery and cart mutations?

Yes, the skill provides cart mutation patterns and session recovery mechanisms. It handles cart creation, item management, and order status polling to maintain cart state consistency during the storefront checkout experience.

Can I use Commerce Engine checkout patterns for both SPA and SSR storefront frameworks?

Commerce Engine checkout patterns apply to both SPA and SSR frameworks. The implementation guides cover cart, checkout, and payment workflows with example code tailored for single-page and server-side rendered storefront architectures.

How do I handle address collection and fulfillment setup in a custom checkout?

Address collection and fulfillment in a custom checkout utilize specific cart API payload patterns. The skill provides reference-guided patterns to link addresses, configure fulfillment options, and manage payment data securely.

What are the differences between hosted and custom checkout implementations for storefronts?

Hosted checkout relies on redirecting to a pre-built environment with token sync and auth modes, while custom checkout uses direct cart APIs to build a fully tailored experience. The choice depends on your required level of UX control and integration complexity.