Skill LibraryPrompt Skill1 DesignsTop Views

Commerce Browse Cart Checkout Funnel

Design, audit, or implement retail ecommerce funnels from homepage/category/search, product-list filtering and sorting, PDPs, add-to-cart feedback, cart review, guest checkout, address validation, payment errors, and order confirmation.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines10

Reusable instruction lines for generation.

Author@Interface Lab

Interaction

Skill Directive

Description

TagsInteraction

Skill Prompt

- Use for retail ecommerce, online stores, catalogs, PLPs, PDPs, carts, mini carts, checkout, guest checkout, shipping/pickup, payment, promo codes, order confirmation, and conversion optimization; use the food-commerce skill first for restaurant or food ordering.
- Map the full funnel: entry/intent, product discovery, product evaluation, add-to-cart feedback, cart review, checkout, confirmation, and post-purchase; do not design only a PDP or one checkout form.
- Product discovery must include category navigation, search, result count, filters, sorting, applied-filter chips, clear-all, no-results recovery, and inspectable product-card information.
- Product cards include real thumbnail/media, title, price, variant hints, rating or trust signal, stock/availability, shipping or pickup promise, and detail or add path.
- The PDP decision block keeps media, title, price, variants, stock, delivery/returns, reviews, and primary purchase action in one decision area; variant constraints and price changes must appear before submit.
- Add-to-cart feedback confirms product name, variant, quantity, price, cart count, and view-cart/checkout paths while preserving search, filter, and scroll context.
- The cart is a final decision area: every line shows image, product-detail link, options, price, quantity, subtotal, stock/price changes, remove/save-for-later, promo, tax/shipping estimate, and primary checkout CTA.
- Checkout reduces friction: clear guest checkout, fewer fields, browser autofill, address lookup/validator, required/optional labels, localized inputs, fulfillment choices, payment-error recovery, and visible order summary.
- Mobile filters use a reachable sheet or drawer with result count and applied filters; sticky CTA/order summary must respect safe area, keyboard, and field-error visibility.
- Frontend implementation preserves search/filter/sort in URL query state, uses real form/button/link semantics, announces cart/validation/payment state through scoped aria-live, and treats out-of-stock, price changes, invalid promos, and payment failures as recoverable commerce states.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Commerce Browse Cart Checkout Funnel

More pages using Commerce Browse Cart Checkout Funnel