E Commerce

Handles the full e-commerce stack from cart state management through payment processing and inventory tracking. You get Zustand-based shopping cart patterns with persistent storage, complete Stripe integration including checkout sessions and webhook handling, and React components using Stripe Elements for custom payment flows. The cart recalculation logic covers discounts, tax, and shipping automatically. Most useful when you're building a store from scratch and need working examples of the tricky parts like payment intent creation, variant handling, and keeping inventory in sync. The code assumes Stripe but the patterns work with other payment processors if you swap the API calls.

skills.sh installs: 377
GitHub stars: 26
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add miles990/claude-software-skills --skill e-commerce --agent claude-code

Installs into .claude/skills of the current project.

Files

E-Commerce Development

Overview

Building e-commerce applications with shopping carts, payment processing, inventory management, and order fulfillment.

Shopping Cart

Cart State Management

interface CartItem {
  productId: string;
  variantId?: string;
  quantity: number;
  price: number;
  name: string;
  image: string;
}

interface Cart {
  id: string;
  items: CartItem[];
  subtotal: number;
  tax: number;
  shipping: number;
  total: number;
  discountCode?: string;
  discountAmount: number;
}

// Zustand cart store
import { create } from 'zustand';
import { persist } from 'zustand/middleware';

interface CartStore {
  cart: Cart;
  addItem: (item: Omit<CartItem, 'quantity'>, quantity?: number) => void;
  updateQuantity: (productId: string, quantity: number) => void;
  removeItem: (productId: string) => void;
  clearCart: () => void;
  applyDiscount: (code: string) => Promise<void>;
}

const useCartStore = create<CartStore>()(
  persist(
    (set, get) => ({
      cart: createEmptyCart(),

SKILL.md on GitHub