---
name: terracotta-shop
description: "A warm storefront for small catalogues: product grid, quick view and a checkout-ready cart drawer. Use when the user asks for storefront or similar."
---

# Terracotta Shop

Creates a small-catalogue storefront with product grid, quick view, cart drawer and a clean product page — ready to connect to any checkout provider.

## When to use

- Small catalogues (≤ 50 products)
- Launches and drops
- Indie brands

## Workflow

1. Gather catalogue (name, price, image, variants).
2. Design product cards with consistent aspect ratio.
3. Implement cart state with local storage and a drawer.
4. Emit JSON-LD for each product.
5. Leave a clearly marked checkout integration point.

## What you deliver

- Storefront with grid, product page and cart drawer
- Product JSON-LD
- Checkout hand-off stub

## Not for

- Marketplaces
- Inventory management
- Subscription billing

## Quality bar

- State assumptions you made and ask before overwriting existing files.
- Never invent facts, numbers, logos or quotes — use placeholders and say so.
- Follow `references/style-guide.md` for colour and type decisions.
- Finish with a short checklist of what the user should review or replace.