SKILL.md
Ecommerce Design
Product Page
- Hero image: large, zoomable, multiple angles.
- Price: prominent, with sale price formatting (strikethrough original).
- Add to cart: primary CTA, always visible (sticky on mobile).
- Variants: visual selectors (color swatches, size buttons).
- Reviews: star rating + count near title, full reviews below.
- Trust signals: shipping info, return policy, secure payment.
Cart
- Thumbnail + name + quantity + price per item.
- Editable quantity. One-click remove.
- Subtotal + estimated shipping + tax breakdown.
- "Continue Shopping" + "Checkout" buttons.
- Cart accessible from anywhere (header icon with count).
Checkout
- Information (email, shipping address)
- Shipping method selection
- Payment
- Review + Place Order
- Guest checkout always available. Don't force account creation.
- Auto-fill support. Minimal fields.
- Trust badges near payment form.
- Order confirmation page + email.