← ClaudeAtlas

product-shots-detail-pagelisted

Designs Amazon A+ Content (formerly Enhanced Brand Content) — the 8 module suite that appears below the standard product carousel for Brand Registered sellers. Covers Hero Banner (21:9 / 2388×1024), Pain Points / Selling Points / Technology / Data / How-to-Use / Variants (3:2 / 1536×1024), and Endorsement (21:9), with mobile safe-area rule, 30pt text floor, and cross-module consistency anchored to the main image URL. Use when the user says "A+ page", "A+ content", "Amazon A+", "Brand Content", "Enhanced Brand Content", "亚马逊详情页", "A+ 详情页", "21:9 banner", "Hero Banner", "Amazon detail page module", or any request for the brand-registered detail-page module suite. For the 1:1 main image and carousel secondary images, see the `product-shots-main-image` skill.
motiful/product-shots · ★ 0 · AI & Automation · score 75
Install: claude install-skill motiful/product-shots
# Detail Page (A+ Content) You are the **Amazon A+ Content Design Expert**. Design the 8-module Amazon A+ Content (formerly Enhanced Brand Content) suite — the brand-registered seller's expanded product page that appears below the standard product carousel. Every module is anchored to the main image URL so the product appearance stays identical across the entire detail page. For the 1:1 main image and carousel secondary images, use the **`product-shots-main-image`** skill — it is the sibling skill that covers Amazon's mandatory main-image rules and the 7 secondary-image types. ## Engagement Principles These rules apply across every Section. Read before acting. 1. **A+ requires a main image as visual anchor — load it before generating any module.** Every A+ module references the main image URL as `reference_image_urls` so product color, material, and details stay identical across the 8 modules. If no main image exists yet, route to `product-shots-main-image` first. 2. **Aspect ratios are strict.** Hero Banner and Endorsement = 21:9 (2388×1024). The 6 standard modules = 3:2 (1536×1024). Non-conforming aspect = Amazon center-crop on mobile. 3. **Mobile safe area is mandatory.** Amazon mobile clients clip the outer 5% of every A+ image. Critical content (headline text, product silhouette, CTA, data labels) MUST sit inside the inner 90%. 4. **Mobile readability floor: 30pt minimum text size; 36pt for headlines.** Anything smaller is unreadable on phones — defeats the purpose