products-page-generator
When the user wants to create, optimize, or audit a product listing or category page. Also use when the user mentions "product page," "product listing," "shop," "e-commerce products," "product catalog," "product grid," "product cards," or "product overview." For category SEO, use category-page-generator.
npx skills add kostja94/marketing-skills --skill products --agent cursor
Same command for any agent — swap --agent for claude-code, codex, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Pages: Products Guides product listing and category page content for e-commerce. For individual product detail pages, structure varies by platform. **When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output. ## Initial Assessment **Check for project context first:** If `.claude/project-context.md` or `.cursor/project-context.md` exists, read it for product catalog and positioning. Identify: 1. **Page type**: Category, collection, or product grid 2. **Products**: Count, filters, sorting 3. **Audience**: Browsers, researchers, buyers ## Best Practices ### Category/Listing Page | Element | Purpose | |---------|---------| | **Category title** | Clear H1; target keyword | | **Description** | SEO copy; benefits of category | | **Filters** | Price, size, brand, etc. | | **Product cards** | Image, name, price, CTA | | **Pagination** | Crawlable; rel prev/next | ### Product Card - **Image**: Alt text; multiple angles - **Name**: Descriptive; keyword - **Price**: Clear; sale/compare-at - **CTA**: Add to cart, view deta
- Initial Assessment
- Best Practices
- Category/Listing Page
- Product Card
- SEO
- Output Format
- Related Skills
What does the products-page-generator skill do?
When the user wants to create, optimize, or audit a product listing or category page. Also use when the user mentions "product page," "product listing," "shop," "e-commerce products," "product catalog," "product grid," "product cards," or "product overview." For category SEO, use category-page-generator.
How do I install it?
Run `npx skills add kostja94/marketing-skills --skill products --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From kostja94/marketing-skills, a repository with 848 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.