Can I vibe code Amped?

Build a lightweight, zero-dependency JavaScript lead-capture modal snippet and an accompanying serverless ingestion endpoint to replace Amped for an ecommerce store.

1. DATA STRUCTURE:
- Define a JSON configuration schema for campaigns: `id`, `triggers` (timeDelayMs, scrollPercentage, exitIntent, pageUrlPattern), `suppressionDays`, `discountCode`, `heading`, `subheading`, `buttonText`, `espListId`.

2. FRONTEND SNIPPET (Vanilla JS / Web Components):
- Encapsulate all styles inside a Shadow DOM to isolate styles from host store CSS.
- Implement event listeners for: exit intent (mouse leaving viewport top on desktop; rapid upward scroll on mobile), scroll percentage, and timer delay.
- Read/write `localStorage` to check if visitor has already converted or closed the popup within `suppressionDays`.
- Render responsive email and phone capture inputs with basic client-side regex validation.
- On form submission, show a success state with a copyable discount code button.

3. BACKEND EDGE FUNCTION (Cloudflare Worker / Node.js):
- Expose POST `/api/lead-capture` endpoint.
- Validate submission against CSRF/CORS origins.
- Accept email, phone, campaignId, and Klaviyo/Attentive list IDs.
- Forward payload to Klaviyo V3 API (`/api/profile-subscription-bulk-create-jobs`) and/or Postscript API using environment secrets.
- Return success/failure JSON response.

4. EDGE CASES TO HANDLE:
- Do not trigger exit-intent on input field focus or drop-down selection.
- Gracefully handle ad-blockers blocking external script tags.
- Enforce rate-limiting on the edge function to prevent bot spam.

5. OUT OF SCOPE:
- Do not build a visual drag-and-drop canvas editor; all configurations should be loaded from a single static JSON config endpoint or file.

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