电商产品列表页生成

要解决的问题

电商产品列表页与分类页的生成常遇到三类工程问题：页面元素分散，Category title、Filters、Product cards、Pagination 等结构容易因团队习惯不同而缺失；SEO 元素不完整，未写 Unique titles 与 descriptions、未部署 ItemList 或 Product schema，会影响抓取与索引；筛选排序维度混乱，价格、尺寸、品牌等 Filter 设计不清，会抬高用户的选择成本。

技能如何工作

该技能按列表页的结构化生成组织，先检查 .claude/project-context.md 或 .cursor/project-context.md，读取已有产品目录与定位。随后识别 Page type、Products 数量、筛选与排序需求，以及 Audience 属于 Browsers、Researchers 还是 Buyers。输出时覆盖分类页要素：H1 标题、SEO 描述、Filters、Product cards、可抓取的 Pagination；也细化卡片要素：图片 Alt text、含关键词的名称、清晰价格、Add to cart 或 View details 等 CTA；并给出 Schema、Internal links 与 Breadcrumbs 建议。

适用边界

它只处理列表页与分类页；Product detail 页结构因平台而异，需要按平台单独设计。它不会自动安装依赖、修改权限、创建持久任务或下载内容；涉及发布、删除、付款、部署等外部写入时，会先说明目标与影响并等待确认。凭据只用于指定官方服务，命令与代码默认仅作参考。