Prompt cookbook

Écru Fashion Storefront

Paste a prompt into your coding agent with the project open. Each one names the file it changes, so the agent doesn't have to search the codebase.

AI status: No AI features. Light-mode storefront. Checkout is a mock and takes no payment.

Prompt 1

Change the brand colours

In src/app/globals.css, change --color-clay and --color-paper to my brand colours. Check the product cards and the announcement bar.

Prompt 2

Add a product

Add a product to src/lib/products.ts with variants and images in the same shape as the existing ones. Confirm it appears on /shop and /shop/[slug].

Prompt 3

Connect a payment provider

In src/components/CheckoutForm.tsx, replace the mock submit with a checkout session from my payment provider. Keep the order summary and validation as they are.