Products Page Generator
Structure, write, and audit category or product-grid pages so listings rank and convert for solo-run shops and catalogs.
Overview
Products Page Generator is an agent skill most often used in Launch (also Build frontend, Grow content) that creates and audits product listing and category page content for e-commerce SEO.
Install
npx skills add https://github.com/kostja94/marketing-skills --skill products-page-generatorWhat is this skill?
- Category/listing blueprint: H1, SEO description, filters, product cards, crawlable pagination with rel prev/next
- Product card checklist: image alt text, name, price, CTA, multiple angles
- Reads `.claude/project-context.md` or `.cursor/project-context.md` for catalog positioning when present
- Initial assessment for page type, product count, filters, and audience (browsers vs buyers)
- Points category SEO depth to sibling category-page-generator skill
- Metadata version 1.0.1
- Best-practices tables for listing page elements and product cards
Adoption & trust: 835 installs on skills.sh; 586 GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
Your store has a product grid or category URL but weak H1s, thin descriptions, or non-crawlable pagination so listings do not rank or convert.
Who is it for?
Solo merchants and indie SaaS with small catalogs who want agent-helped listing copy and layout standards without a full agency brief.
Skip if: Deep category taxonomy-only SEO (use category-page-generator), platform-specific PDP templates, or non-commerce marketing pages.
When should I use this skill?
User wants to create, optimize, or audit a product listing, category page, shop, product catalog, product grid, product cards, or product overview.
What do I get? / Deliverables
You get a structured listing or category page plan with SEO copy, filter/card guidance, and pagination notes ready to implement or hand to a storefront theme.
- Category or listing page content structure
- SEO-oriented titles and descriptions
- Product card and pagination recommendations
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Launch/seo is the canonical shelf because the skill optimizes listing and category surfaces for discovery and crawlability, though the same patterns apply while building storefront UI. SEO subphase covers H1 targeting, category copy, crawlable pagination, and card-level metadata—not paid distribution or lifecycle email.
Where it fits
Define product card fields and filter layout before implementing the storefront grid component.
Rewrite category H1 and intro copy to target commercial keywords on the main shop URL.
Refresh seasonal collection descriptions and card CTAs without rebuilding PDP templates.
How it compares
Listing-and-grid content SEO skill—not a Shopify theme code generator or analytics dashboard.
Common Questions / FAQ
Who is products-page-generator for?
Solo builders running e-commerce or product-led sites who need better category and product-grid pages for SEO and conversion.
When should I use products-page-generator?
At Launch when optimizing shop or catalog URLs; during Build when designing product grids; at Grow when refreshing merchandising copy for seasonal campaigns.
Is products-page-generator safe to install?
Review the Security Audits panel on this Prism page; the skill reads optional project context files and produces copy recommendations only.
SKILL.md
READMESKILL.md - Products Page Generator
# 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 details ### SEO - **Category pages**: Unique titles, descriptions - **Schema**: ItemList, Product - **Internal links**: Cross-category; breadcrumbs ## Output Format - **Structure** for listing page - **Product card** elements - **Filter/sort** approach - **SEO** metadata and schema ## Related Skills - **card**: Card layout structure; product card anatomy, grid design - **grid**: Product grid layout; responsive columns - **landing-page-generator**: Product-focused landing pages send to products; product launch LP destination - **pricing-page-generator**: Product cards link to pricing - **url-slug-generator**: URL slug for product pages; 3-5 words, primary keyword - **url-structure**: Product URL hierarchy (e.g. /products/category/product) - **features-page-generator**: For SaaS feature pages - **schema-markup**: Product, ItemList schema - **internal-links**: Category linking - **breadcrumb-generator**: Breadcrumb trail for product hierarchy