Wishlist & Favorites System

ReactE-CommerceUXUpdated 2026-08-09

When to use: Adding wishlist or favorites functionality to e-commerce product pages and user account areas.

Install
npx skills add wishlist-favorites
Git Clone
git clone https://github.com/skillhub-community/wishlist-favorites.git

Description

Implements a full wishlist system: animated heart toggle on product cards and detail pages, support for multiple named lists (e.g. 'Holiday Gifts', 'New Home'), shareable public list URLs with optional password protection, back-in-stock email notification signup, and a 'Move to Cart' action with quantity picker.

State persisted via API + optimistic UI updates. Exposes a `useWishlist()` hook and `<WishlistButton />` drop-in component.

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.0.0
Dependencies0