> ## Documentation Index
> Fetch the complete documentation index at: https://docs.affixo.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Vibe coding

> Built your app with an AI builder like Lovable, Bolt, v0, or Cursor? Add Affixo affiliate tracking by pasting one prompt — no manual code needed.

If you built your product with an AI app builder or AI coding agent, you don't
have to hand-place the tracking snippet yourself. Each tool below has a **single
copy-paste prompt** that tells the AI exactly what to add and where — the
`<head>` snippet, the signup event, and the sale event — so tracking is wired up
in one shot.

<Note>
  **You still need your workspace key.** Every prompt loads
  `sa.js?w=YOUR_PUBLIC_KEY`. Copy your real key (it looks like `pk_live_xxxxxxxx`)
  from **Settings → Tracking** in your Affixo dashboard and paste it into the
  prompt before you send it, replacing `YOUR_PUBLIC_KEY`.
</Note>

## Pick your tool

<CardGroup cols={2}>
  <Card title="Lovable" icon="heart" href="/vibe/lovable">
    Paste one prompt into Lovable.
  </Card>

  <Card title="Bolt" icon="bolt" href="/vibe/bolt">
    Paste one prompt into Bolt.
  </Card>

  <Card title="v0" icon="triangle" href="/vibe/v0">
    Paste one prompt into v0 (Next.js).
  </Card>

  <Card title="Replit" icon="terminal" href="/vibe/replit">
    Paste one prompt into Replit Agent.
  </Card>

  <Card title="Base44" icon="cube" href="/vibe/base44">
    Paste one prompt into Base44.
  </Card>

  <Card title="Cursor" icon="arrow-pointer" href="/vibe/cursor">
    Prompt Cursor, or add the MCP in one click.
  </Card>

  <Card title="Windsurf" icon="wind" href="/vibe/windsurf">
    Prompt Windsurf, or connect the MCP.
  </Card>

  <Card title="Claude Code" icon="sparkles" href="/vibe/claude-code">
    Prompt Claude Code, or connect the MCP.
  </Card>

  <Card title="Claude.ai" icon="message" href="/vibe/claude-web">
    Paste one prompt into Claude.
  </Card>

  <Card title="Codex" icon="square-terminal" href="/vibe/codex">
    Prompt Codex, or connect the MCP.
  </Card>

  <Card title="Gemini CLI" icon="terminal" href="/vibe/gemini-cli">
    Prompt Gemini CLI, or connect the MCP.
  </Card>

  <Card title="VS Code Copilot" icon="code" href="/vibe/copilot">
    Prompt Copilot, or add the MCP in one click.
  </Card>
</CardGroup>

Don't see your tool? Any AI builder that lets you edit the site `<head>` works —
follow the manual [Integrate Affixo tracking](/integrate) guide, or adapt any
prompt above to your tool.

## What every prompt sets up

The tracking model is the same everywhere — three events sharing one attribution
chain:

| Event               | What it means                           | Where it fires                              | Commission?                       |
| ------------------- | --------------------------------------- | ------------------------------------------- | --------------------------------- |
| **Click**           | A visitor arrived via an affiliate link | Automatic — the `<head>` snippet handles it | No                                |
| **Lead** (`signup`) | That visitor signed up                  | Your signup / thank-you page                | No — records the referral         |
| **Sale** (`sale`)   | That visitor paid                       | Your payment success page                   | **Yes** — triggers the commission |

Each prompt asks the AI to place Steps 2 and 3 in the right spots, then verifies
the snippet loads on every page.

<Info>
  **Charging with Stripe? The sale event just tags the buyer.** When Stripe is
  connected (Integrations → Stripe), Affixo confirms the real sale amount
  server-side from the verified charge — including discounts, coupon attribution,
  and refund reversal. The `track('sale')` call in the prompt tags the buyer's
  email for attribution; the money is confirmed from Stripe, so a spoofed
  browser amount can't create a fake commission. If you have **no** connected
  payment provider, opt into snippet sale amounts under **Settings → Tracking**,
  and pass `amount` in **major units** (`$99.00 = 99.00`) — never cents.
</Info>

## After you paste the prompt

1. Let the AI make its changes and redeploy your app.
2. Go to **Settings → Tracking** and run the live snippet test against your site
   URL — a confirmed hit means Step 1 is done.
3. Run the end-to-end test to confirm a lead and a sale both register.

Prefer to check the exact snippet by hand, or on a platform not listed here? The
full [Integrate Affixo tracking](/integrate) guide has framework-by-framework
examples and a pre-launch checklist.
