Can I vibe code ConvertFlow?

Build an open-source lightweight replacement for ConvertFlow on-site widgets using Next.js, React, Tailwind CSS, and Cloudflare Workers.

1. DATA MODEL:
- Campaign: { id, name, type ('popup', 'quiz', 'sticky_bar'), status, triggers, targetRules }
- TriggerConfig: { exitIntent: boolean, scrollPercent: number, timeOnPageSec: number }
- QuizStep: { id, title, options: [{ label, nextStepId, recommendedVariantId, scoreTags }] }
- LeadSubmission: { id, campaignId, email, phone, customProperties: JSON, createdAt }

2. CORE FUNCTIONALITY:
- Deliver an embeddable script (minified <10KB) loadable via script tag on ecommerce stores.
- The script evaluates page state against TargetRules (e.g., URL pattern, cookie presence, cart subtotal).
- Execute triggers: detect cursor leaving top viewport (exit intent), scroll threshold reach, or timer countdown.
- Render modal overlays accessibly with proper ARIA attributes and focus trap management.
- Implement a multi-step quiz renderer that processes step branching based on user selections and computes final product recommendations.
- Upon completion, issue a direct POST request to a serverless API endpoint that relays lead details to Klaviyo's v3 Track API and optionally invokes Shopify's Cart AJAX API to add items.

3. FAILURE MODES & EDGE CASES:
- If AdBlockers intercept the remote script, fail silently without throwing unhandled exceptions in the client console.
- Prevent repeat display to users by writing to localStorage with explicit expiration timestamps.
- Ensure mobile responsiveness without layout shifts or interference from iOS Safari address bar resizing.

4. OUT OF SCOPE:
- Do not build a drag-and-drop visual canvas editor; all templates and steps should be defined in valid JSON schemas.
- Exclude internal A/B testing infrastructure; rely on URL parameters or third-party flags for split routing.

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