Can I vibe code Octane AI?

Build a custom Shopify Product Quiz embed widget using web components (Lit or native shadow DOM) and a Node.js/Fastify backend service.

REQUIREMENTS & ARCHITECTURE:
1. FRONTEND WIDGET:
- Create a zero-dependency Web Component (<product-quiz quiz-id="123">) that renders inside Shopify Liquid templates without CSS leakage.
- Support step-by-step conditional branching based on selected answers (single-choice, multi-choice, range slider, image choice).
- Progress bar, customizable back/next navigation, and state retention in localStorage.
- Final step displays recommended Shopify variants with direct "Add to Cart" AJAX functionality using Shopify Cart API (/cart/add.js).

2. RECOMMENDATION ENGINE & LLM LOGIC:
- Build a dual recommendation engine:
  a) Explicit Rules Engine: JSON matrix matching answer tags to specific Shopify tags, product types, or variant IDs.
  b) AI Recommendation Engine: Endpoint /api/quiz/recommend that accepts quiz answers, matches them against OpenAI embeddings (pgvector) of store catalog (title, tags, description, metafields), and returns top N matched products with AI-generated justification copy ("Smart Copy").

3. INTEGRATIONS & DATA FLUSH:
- Integrate directly with Klaviyo Track API (v3): On email submission step, send event 'Completed Quiz' along with all quiz questions and answers mapped as custom profile properties ($consent, Quiz_SkinType, Quiz_Budget, etc.).
- Store submission records in PostgreSQL (columns: id, store_id, quiz_id, customer_email, answers_json, recommended_products_json, converted_to_cart_at).

4. FAILURE MODES & OUT OF SCOPE:
- If OpenAI API times out (>1500ms), gracefully fall back to the static tag-matching rules engine without breaking the UI.
- Filter out-of-stock products automatically by querying Shopify Admin API / Storefront API for inventory quantities before rendering results.
- OUT OF SCOPE: Multi-tenant billing engines, drag-and-drop visual canvas builder (use JSON schema for quiz definition), SMS marketing triggers.

DATA STRUCTURE (Quiz Schema JSON):
{
  "quiz_id": "skincare-1",
  "steps": [
    {
      "id": "step_1",
      "question": "What is your primary skin concern?",
      "type": "single_choice",
      "options": [
        { "label": "Dryness", "tag": "skin_dry", "next": "step_2" },
        { "label": "Acne", "tag": "skin_acne", "next": "step_3" }
      ]
    }
  ]
}

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