Product Detail Page architecture, image gallery/carousel, caching, and add-to-cart flow. Use when modifying PDP layout, debugging gallery swipe/thumbnails, understanding LCP optimization, fixing ErrorBoundary issues, or working with variant-specific images.
安装
npx skills add saleor/storefront --skill pdpnpx skills add saleor/storefront --skill pdp -a claude-code -gnpx skills add saleor/storefront --skill pdp -a codex -ggemini skills install https://github.com/saleor/storefront.git --path .claude/skills/pdpgh skill install saleor/storefront pdpgit clone --depth 1 https://github.com/saleor/storefront /tmp/saleor__storefront
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/saleor__storefront/.claude/skills/pdp ~/.claude/skills/pdp # Claude Code
cp -R /tmp/saleor__storefront/.claude/skills/pdp ~/.agents/skills/pdp # Codex, Cursor, Gemini CLI, Copilot, OpenCode