---
name: skill-storefront-merchandising
type: skill
description: "Provide visual and merchandising design for an ecommerce storefront — product pages, collection layouts, homepage sections, lifestyle and product imagery direction. Use this whenever Pixel needs to make a store look and sell well, primarily madebyneud, working against the store's design system and handing theme code to Forge. Maturity: later."
---

# skill-storefront-merchandising

Pixel's commerce-design skill. Shapes how a storefront looks and merchandises, against the brand system, for the build to implement.

## Behaviour

Trigger: a storefront needs visual or merchandising work — a product page, a collection, a homepage section, a seasonal refresh.

Loop:

1. Read the store's design system and `convention-shopify`, plus the merchandising goal (which products to feature, the conversion or AOV KPI in play).
2. Design the layout and direct the imagery — product page structure, collection grids, homepage sections, lifestyle vs product shots.
3. Specify the design for the theme; hand code to Forge (theme repo `assoc-one/mbn-theme`), never editing it directly.
4. Flag product-data or photography needs; feed reusable sections back to `skill-brand-system`.

## Reads

The store's design system and `convention-brand`, `convention-shopify`, product and analytics data, the Figma library.

## Guardrails

On-system and on-brand; merchandising serves the KPI without cheapening the look. Design and specify only — theme code is Forge's, store operations are the connector's. Propose-only.