← ClaudeAtlas

shopify-product-imageslisted

Build product imagery for a Shopify store — variant images, collection consistency, theme aspect ratios and performance. Use whenever the user runs a Shopify store, is preparing product images for their own site, or asks about variant images or collection page consistency.
apimageorg/apimage-skills · ★ 0 · AI & Automation · score 72
Install: claude install-skill apimageorg/apimage-skills
# Shopify Product Images Your own store is the opposite constraint from a marketplace: no compliance rules, complete freedom, and therefore no external forcing function for consistency. Most stores end up with a collection page that looks assembled rather than designed. The three things that actually matter on Shopify: **collection page consistency, variant images, and file weight.** ## Collection page consistency is the whole game The collection page is a grid, and it's judged as one. A grid where every product has a different background tone, scale, angle and shadow reads as unprofessional even when each image is individually fine — and it's the page most of your traffic lands on. ``` Fixed across every product: aspect ratio 1:1 (or whatever the theme uses) background identical, exactly product fill same % for similar shapes primary angle same convention light direction same shadow same offset, blur, opacity grade neutral, no per-product variation ``` **Lay the collection out as a grid and look at it.** That's the highest-value QA step for a Shopify store and it takes minutes. See `product-photo-consistency`. ## Aspect ratio: check the theme Shopify themes crop product images differently, and a mismatch produces cropped products on the collection page. | Theme behaviour | What to supply | |---|---| | Square crop | **1:1** | | Portrait crop (4:5, 2:3) | 3:4, or the