Demo Modules Data Model Compare Pricing FAQ Help Dashboard Get Started

Help Center / Setup with Claude Code

02 · Guided setup

Let an AI assistant do the typing.

The Measr repo ships its own setup skill for Claude Code, plus a ready-made prompt for Cursor, Windsurf, and other assistants. You answer questions and approve; the assistant does the rest.

With Claude Code (recommended)

The repo bundles a setup skill that Claude Code picks up automatically. Three steps to start it:

  1. Clone the repo

    Open a terminal and clone Measr to your machine:

    git clone https://github.com/Batu75/measr.git ~/dev/measr

    Any location works; ~/dev/measr is just a convention.

  2. Start Claude Code from the Measr folder

    cd ~/dev/measr
    claude

    The session must start here because Claude Code loads skills from the current project folder. Your website can live anywhere else on disk.

  3. Say the magic sentence

    set up Measr on /absolute/path/to/my/website

    Replace the path with your site's folder, the one containing your HTML files. For example: set up Measr on ~/dev/my-portfolio.

What the skill does

The skill runs a staged flow and stops for your input at every decision point:

Nothing is guessed. The skill never invents credentials, URLs, or site IDs. It asks, waits, and confirms each phase worked before starting the next one.

With Cursor, Windsurf, or another AI assistant

Use the ready-made prompt instead of the skill. It lives in the repo at docs/QUICKSTART.md.

  1. Clone the repo (same command as above).
  2. Open your AI assistant in the cloned folder.
  3. Copy the full prompt from docs/QUICKSTART.md and paste it as your first message.

The assistant then works through eight phases:

PhaseWhat happensYour part
1. PrerequisitesChecks Node.js 22+, npm, gitInstall anything missing
2. Supabase projectGuides you through creating a free projectPaste the project URL and anon key
3. MigrationsWalks you through every SQL file in orderPaste SQL into the Supabase editor, or run the CLI
4. Tracking SDKCopies the SDK into your site and writes the init snippetPick a siteId, confirm events arrive
5. Dashboard userGuides you through creating the loginCreate the user, set the data-access claim
6. Dashboard buildConfigures env files, runs npm ci and the buildConfirm the values it wrote
7. VerificationChecks data flows from your site to the dashboardClick around your site, watch the KPIs move
8. Deploy (optional)Deploys the dashboard to the host you pickChoose a host, optionally a custom domain

After the setup

Frequently asked

Why does the session have to start from the Measr folder?
The setup skill is bundled with the repo, and Claude Code loads skills from the current project folder. Your website can be anywhere; the skill asks for its path and works across directories.
Does the AI write tracking code without asking?
No. The implementation preview shows every event type, dimension value, and name before any code is written. You approve the full picture first.
Can I use Cursor or Windsurf instead of Claude Code?
Yes. Alongside the built-in Claude Code skill, Measr ships a ready-made setup prompt you paste into Cursor or Windsurf. The assistant previews the full event map before it writes any code, the same as the Claude Code path.
Can it replace my existing analytics?
Yes. Say "replace my analytics" or "switch from GA4". The skill detects the existing setup during its scan and removes it in the same pass that installs Measr.
Previous← Getting started NextManual setup →