home / skills / mikefilsaime-groove / clickcampaigns-for-claude-code-in-cursor / ecom-catalog

This skill helps you build compelling ecommerce catalog funnels that showcase multiple products, boost discovery, and maximize average order value.

npx playbooks add skill mikefilsaime-groove/clickcampaigns-for-claude-code-in-cursor --skill ecom-catalog

Review the files below or copy the command above to add this skill to your agents.

Files (1)
SKILL.md
3.1 KB
---
name: ecom-catalog-funnel
description: This skill should be used when the user asks to "create an ecommerce catalog", "build a product catalog page", "multi-product store", "category page", or mentions product catalogs, collection pages, or multi-product ecommerce. Creates ecommerce catalog funnels that showcase multiple products effectively.
---

# Ecommerce Catalog Funnel

Build ecommerce catalog funnels that showcase multiple products, drive browsing and discovery, and maximize average order value through strategic product presentation and cross-selling.

## Core Objectives

- Showcase products effectively
- Drive product discovery and browsing
- Maximize average order value
- Optimize for conversions
- Create seamless shopping experience

## Catalog Structure

### Catalog Landing Page

**Above-the-Fold:**
- **Headline:** "Shop [Category/Collection]"
- **Subheadline:** Value proposition or collection theme
- **Product Grid:** Featured products with images
- **Filters:** Category, price, features
- **Search:** Product search functionality

**Catalog Organization:**
- **Product Categories:** Clear organization
- **Featured Products:** Highlighted items
- **New Arrivals:** Latest products
- **Best Sellers:** Popular items
- **Sale Items:** Discounted products

### Category Pages

**Page Elements:**
- Category header and description
- Product grid with filters
- Sorting options (price, popularity, newest)
- Product count
- Pagination or infinite scroll

**Filter Options:**
- Price range
- Size/variant
- Color
- Features
- Rating

### Product Page Optimization

**Product Details:**
- **Images:** High-quality photos (multiple angles)
- **Title:** Clear and benefit-focused
- **Description:** Compelling product copy
- **Features:** Key benefits and specifications
- **Pricing:** Clear and prominent
- **Reviews:** Customer testimonials
- **Add to Cart:** Prominent CTA

**Variant Selection:**
- Size selector
- Color selector
- Quantity selector
- Clear availability status

### Cross-Sell Strategy

**Related Products:**
- "You May Also Like"
- Similar products
- Same category items

**Frequently Bought Together:**
- Bundle suggestions
- Complementary products
- Complete the look

**Cart Recommendations:**
- Threshold messaging ("Add $X for free shipping")
- Related add-ons
- Popular additions

### Checkout Optimization

**Cart Page:**
- Clear product summary
- Quantity adjustments
- Remove option
- Subtotal and shipping estimate
- Continue to checkout CTA

**Checkout Flow:**
- Guest checkout option
- Minimal form fields
- Progress indicators
- Trust badges
- Order summary

## Copywriting Style

- Product-focused, benefit-driven, conversion-oriented
- Emphasize features and benefits
- Use specific details and specifications
- Build trust through reviews
- Create desire through product presentation

## Quality Checklist

- Are products presented compellingly?
- Does catalog drive discovery?
- Are cross-sells strategic and relevant?
- Is shopping experience seamless?
- Will this maximize average order value?

## Additional Resources

### Reference Files
- **`references/product-copy.md`** - Product description frameworks

Overview

This skill creates ecommerce catalog funnels that showcase multiple products, drive discovery, and increase average order value. It assembles catalog landing pages, category pages, product pages, cross-sell rules, and checkout optimizations into a conversion-focused funnel. Use it to quickly generate organized, shopper-friendly multi-product experiences for web or app storefronts.

How this skill works

The skill generates a structured catalog funnel by defining landing content, category layouts, product page templates, and cross-sell strategies. It outputs component-level guidance: headlines, product grid configurations, filters, variant UX, related-product logic, and checkout simplifications so designers and engineers can implement a cohesive funnel. It also produces copy cues and quality checks to keep content conversion-oriented.

When to use it

  • You need a multi-product store or collection page designed for conversion.
  • Launching a new product category or seasonal catalog.
  • Optimizing site navigation and discovery to increase AOV.
  • Creating bundled or frequently-bought-together offers.
  • Preparing copy and templates for engineering handoff.

Best practices

  • Lead with a clear above-the-fold headline and value-driven subheadline.
  • Use a searchable, filterable product grid with prominent product imagery.
  • Prioritize variant clarity: size, color, stock status, and price must be obvious.
  • Surface relevant cross-sells and bundle suggestions based on cart behavior.
  • Keep checkout minimal: guest flow, progress indicators, and trust badges.

Example use cases

  • Build a seasonal catalog landing page with featured, new arrivals, and sale sections.
  • Design category pages with price and feature filters plus sorting by popularity.
  • Create product page templates with multiple images, benefit-led descriptions, and review blocks.
  • Implement frequently-bought-together bundles and cart threshold prompts for free shipping.
  • Generate copy-ready product descriptions and CTA variations for A/B testing.

FAQ

Can this skill create design assets or code?

It produces structured layouts, copy, and implementation guidance; use its outputs as blueprints for designers and developers to implement in your platform.

How does it improve average order value?

By recommending strategic cross-sells, bundles, cart threshold messaging, and complementary product displays that encourage add-ons and larger baskets.