Can I vibe code WooHoo?

1. Overview: Rebuild WooHoo's gamified spin-to-win popup widget for an e-commerce storefront. The goal is to capture email leads by giving visitors a chance to win store discounts via a dynamic canvas wheel spin.

2. Data Model & Storage:
- Campaign settings: Array of slice objects (id, label, discount_code, weight, slice_color).
- Lead Schema: id, email, prize_won, discount_code, store_id, created_at.
- Local storage: Store visitor spin status in localStorage ('woohoo_spun': timestamp) to suppress display for 30 days once completed.

3. Frontend Widget (JS / HTML5 Canvas):
- Inject an overlay modal triggered by exit-intent (mouse leaving top viewport), scroll depth (50%), or timer (5 seconds).
- Render an HTML5 Canvas wheel divided into 6-8 slices styled using dynamic brand colors.
- Include a lead capture form requiring an email address before enabling the 'Spin' action.
- Upon submit, send email to serverless endpoint, receive assigned prize slice index, and execute smooth easing wheel rotation animation ending on that segment.
- Display winning discount code with a quick 'Copy to Clipboard' button and trigger a confetti animation using canvas-confetti.

4. Backend API (Cloudflare Worker or Node.js):
- Endpoint POST `/api/spin`: Accepts `{ email, campaign_id }`.
- Validate email format and check if email has already claimed a discount in Supabase.
- Server-side probability execution: Calculate winning slice using configured slice weights to prevent client-side manipulation.
- Fetch or generate a dynamic Shopify discount code via GraphQL Admin API.
- Dispatch captured email and metadata directly to Klaviyo REST API (`/api/v2/list/{list_id}/members`).
- Return response: `{ prize_index, label, discount_code }`.

5. Failures & Edge Cases:
- Handle API failure gracefully: If server fails, fallback to default slice (e.g., '10% OFF') without breaking canvas animation.
- Mobile responsiveness: Modal must auto-adjust canvas dimensions for screens under 480px. Disable exit-intent on touch devices; rely on time delay instead.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs