Generate a production-grade Product Detail Page (PDP) optimized for the 2026 conversion benchmarks — 4-8% target vs 1.5-3% average. Outputs: F-pattern visual hierarchy with hero image grid + lifestyle shots + video placeholder, social proof block (reviews/ratings — products with 5+ reviews convert 270% better), trust signals (returns/shipping/security), mobile-first responsive markup (73% of ecommerce traffic is mobile in 2026), schema.org Product + Offer + AggregateRating + Review JSON-LD for SEO/AEO, AVIF/WebP image markup with width/height attributes (CLS prevention), and a built-in CRO experimentation harness (Optimizely/VWO/Statsig variant config). Targets Shopify Hydrogen, Next.js Commerce, BigCommerce Catalyst, WooCommerce blocks. TRIGGER on "product page", "PDP", "product detail page", "Shopify product page", "ecommerce conversion", "improve product page", "convert more shoppers", or any user describing a need to lift product-page conversion. SKIP if user just wants product images — recommend a photographer.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategorySecurityStars0
About this skill
Generate a production-grade Product Detail Page (PDP) optimized for the 2026 conversion benchmarks — 4-8% target vs 1.5-3% average. Outputs: F-pattern visual hierarchy with hero image grid + lifestyle shots + video placeholder, social proof block (reviews/ratings — products with 5+ reviews convert 270% better), trust signals (returns/shipping/security), mobile-first responsive markup (73% of ecommerce traffic is mobile in 2026), schema.org Product + Offer + AggregateRating + Review JSON-LD for SEO/AEO, AVIF/WebP image markup with width/height attributes (CLS prevention), and a built-in CRO experimentation harness (Optimizely/VWO/Statsig variant config). Targets Shopify Hydrogen, Next.js Commerce, BigCommerce Catalyst, WooCommerce blocks. TRIGGER on "product page", "PDP", "product detail page", "Shopify product page", "ecommerce conversion", "improve product page", "convert more shoppers", or any user describing a need to lift product-page conversion. SKIP if user just wants product images — recommend a photographer.
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Generate a production-grade Product Detail Page (PDP) optimized for the 2026 conversion benchmarks — 4-8% target vs 1.5-3% average. Outputs: F-pattern visual hierarchy with hero image grid + lifestyle shots + video placeholder, social proof block (reviews/ratings — products with 5+ reviews convert 270% better), trust signals (returns/shipping/security), mobile-first responsive markup (73% of ecommerce traffic is mobile in 2026), schema.org Product + Offer + AggregateRating + Review JSON-LD for SEO/AEO, AVIF/WebP image markup with width/height attributes (CLS prevention), and a built-in CRO experimentation harness (Optimizely/VWO/Statsig variant config). Targets Shopify Hydrogen, Next.js Commerce, BigCommerce Catalyst, WooCommerce blocks. TRIGGER on "product page", "PDP", "product detail page", "Shopify product page", "ecommerce conversion", "improve product page", "convert more shoppers", or any user describing a need to lift product-page conversion. SKIP if user just wants product images — recommend a photographer.
About this listing
Category
Security
Reported license
Not specified
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI