Aw Setup

aw-setup — Aw-Target Scaffolding for aw-tester

Interactive, idempotent setup flow that scaffolds the .claude/aw-targets/ config that aw-tester needs to run specs. Run it once before the first autonomous PR that touches UI. Re-run it when auth drifts, fixtures change, or base URL moves.

This is the prerequisite for spec-driven UI verification in the autonomous-workflow. Without an aw-target file, aw-tester cannot run and the executor's Phase 4 spec verification step skips cleanly.

When to run

• First time: before running any autonomous feature that touches UI.
• Re-run: when aw-tester reports auth-refresh-failed, when the base URL changes, or when seed fixtures are restructured.
• Never auto-triggered by the planner. The planner halts and tells the user to run /aw-setup. The user runs it explicitly.

Idempotency contract

First run: full guided scaffolding (Phases A–E).

Re-run: detect .claude/aw-targets/local.yml exists, validate each field:

• Auth storage state: does the file exist? Is it fresh (< N days old)?
• Fixtures: does the seed command resolve? Do references point to env vars that exist?
• Smoke spec: run it. If green, done — no prompts needed.
• Only prompt for what broke or is missing.
• Show a unified diff before overwriting any field in the aw-target file.
• Never silently overwrite the auth storage-state file (.auth/*.json, or the repo's own convention such as .browser/auth-state*.json).

Phases

Phase A — Detect

Read the project to guess the aw-target configuration. Look for:

Detection confidence level:

• High: base URL found in env, auth strategy clear, seed script named explicitly.
• Medium: base URL guessed from port, auth strategy inferred.
• Low: nothing found — fall through to Ask with all questions.

Reuse before you scaffold

.auth/<name>.json + scripts/auth-bootstrap-*.mjs is this skill's fallback scaffold, not a mandate. If the repo already has an auth convention, reuse it instead of creating a parallel one — a second location silently drifts from the one the rest of the repo maintains.

Probe in this order and stop at the first hit:

1. An existing aw-target — any .claude/aw-targets/*.yml that sets auth.storage_state. Reuse its storage_state path and refresh.command verbatim; do not rewrite them.
2. A captured storage-state file already in the repo: .browser/auth-state*.json (the dash0 / playwright-cli-authed convention), else .auth/*.json (this skill's default).
3. A login / refresh script already in the repo: .claude/aw-targets/scripts/refresh-auth*.mjs or .browser/refresh-auth*.mjs (dash0), else scripts/auth-bootstrap-*.mjs (this skill's default).

When a convention is found, substitute its paths for .auth/<name>.json and scripts/auth-bootstrap-*.mjs everywhere below — the Phase C probe, the Phase D write, the gitignore guard, and the file-location table — and match the repo's existing gitignore entry (.browser/ vs .auth/). Only when nothing is found do you scaffold the generic .auth/ setup.

Phase B — Ask

Use AskUserQuestion with a single batched message. Default is 3–4 questions when detection confidence is high; expand only when detection is uncertain or for a re-run that detected broken fields.

Questions (lean set — skip any the detector answered with high confidence):

1. What is the base URL for local development? (e.g. http://localhost:3000)

2. How should aw-tester get an authenticated session? Five strategies, in order from "best default" to "last resort" (see Auth flow templates for the full mechanics of each):

   #	Strategy	When to pick	aw-setup writes
   a	Interactive headful capture (recommended for first-time setup, SSO, OAuth, passwordless)	You can log in by hand once and reuse the session for days/weeks	scripts/auth-bootstrap-headful.mjs + auth.refresh.command in aw-target.yml
   b	Automated credentials (env vars) (CI / unattended re-auth)	Plain HTML email+password form, no MFA, no CAPTCHA	scripts/auth-bootstrap-credentials.mjs + auth.refresh.command in aw-target.yml
   c	Existing bootstrap command (you already have pnpm run auth:bootstrap or similar)	You've already invested in a login script	aw-target.yml referencing your command
   d	None	The aw-target is public or pre-authed	aw-target.yml with auth.strategy: none
   e	Manual (SSO with no test mode, hardware MFA, mandatory CAPTCHA)	Automation is genuinely impossible	aw-target.yml with auth.strategy: manual — aw-tester will skip authed specs

   When in doubt, pick (a) — it works for nearly every login flow and produces the same storage_state artifact the other strategies converge to.

3. What email/role should the test user have? (informational — used in smoke spec description and as the default for E2E_EMAIL if you picked strategy b)

4. Is there a seed command that creates test fixtures? (e.g. pnpm run db:seed:aw)

Re-run: only ask about fields that failed validation. State which fields were validated successfully so the user knows what was checked.

Incompatible auth detection: If the project uses hardware MFA, mandatory CAPTCHA, or SSO without a test mode, set auth.strategy: manual and warn:

Auth strategy set to "manual". aw-tester will skip authed specs autonomously
and mark them "skipped" with reason "auth.strategy: manual". To enable
authed spec verification, add a test-mode login backdoor (e.g. a dev token
accepted via cookie) and re-run /aw-setup.

Phase C — Probe

Run the chosen auth flow once to validate it produces a working storage state. Behaviour depends on the strategy picked in Phase B:

<storage_state path> is .auth/local.json by default. When Reuse before you scaffold detected an existing convention, substitute its path instead (e.g. .browser/auth-state.json) — do not probe against the default path when a convention was found.

Then for every strategy except (d) / (e):

1. Verify <storage_state path> was written.
2. Load one fixture URL (base_url + /) and confirm it renders (HTTP 200 and the page title is not an error page).
3. If the probe fails, report the error and loop back to Phase B.

For strategy (b), the most common probe failure is a locator mismatch — the script's default getByLabel(/email/i) / getByLabel(/password/i) / submit button regex don't match the project's form. The fix is a 3-line edit to the CUSTOMIZE block in scripts/auth-bootstrap-credentials.mjs. aw-setup shows the failing locator and offers to surface the form's actual labels via a one-shot Playwright probe so the user can paste them into the script.

Phase D — Write

Write the aw-target file, the chosen bootstrap script (if applicable), and ensure the auth file is gitignored.

First run:

mkdir -p .claude/aw-targets scripts
# write .claude/aw-targets/local.yml from the template
# if strategy is (a): copy auth-bootstrap-headful.template.mjs → scripts/auth-bootstrap-headful.mjs
# if strategy is (b): copy auth-bootstrap-credentials.template.mjs → scripts/auth-bootstrap-credentials.mjs

Show the complete aw-target YAML AND the bootstrap script to the user for review before writing. For strategy (b), explicitly call out the CUSTOMIZE block in the script and confirm the user has reviewed the locators.

Re-run: show a unified diff:

--- .claude/aw-targets/local.yml (existing)
+++ .claude/aw-targets/local.yml (proposed)
@@ ...

Require user confirmation before writing. If the diff is empty, say "No changes needed — aw-target is up to date."

Gitignore guard: ensure the auth directory actually in use is ignored — the reused convention's dir when one was detected (e.g. .browser/), otherwise the .auth/ default:

# AUTH_DIR is the directory of auth.storage_state — .browser/ when a convention
# was reused, else .auth/ for a fresh scaffold.
AUTH_DIR="$(dirname "${AUTH_STORAGE_STATE:-.auth/local.json}")/"
grep -q "^${AUTH_DIR}" .gitignore 2>/dev/null || echo "${AUTH_DIR}" >> .gitignore

Never overwrite the auth storage-state file silently. If it exists and a new one would be produced by the bootstrap command, ask: "Overwrite existing auth state at <storage_state path>?"

Phase E — Smoke-test

Call aw-tester with a one-spec smoke to validate the aw-target end-to-end:

aw-tester:
  specs: |
    # Specs: Smoke Test
    Target: local
    
    ## Spec 1: Homepage loads as the identified test user
    persist: verify-only
    url: /
    preconditions:
      - User is logged in as {auth.identity.email}
    flow:
      - WHEN page loads
        THEN page title is not "Error" and not "404"
        AND page does not contain {text: "Sign in"}
  aw-target: local
  mode: --bail-on-first-red

Dry-run example

Here is what a first-run session looks like for a Next.js project:

[A] Detecting project configuration...
    ✓ Base URL: http://localhost:3000 (from .env.local: NEXT_PUBLIC_URL)
    ✓ Auth: next-auth detected at /api/auth/[...nextauth]
    ? No test backdoor found. Will ask.
    ✓ Seed script: pnpm run db:seed:aw (from package.json)

[B] A few questions:
    1. Confirm base URL: http://localhost:3000 (detected) [enter to confirm]
    2. Auth strategy: I found next-auth. Do you have a bootstrap command that
       logs in and captures storage state? (e.g. `pnpm run auth:bootstrap`)
       If not, I can set auth.strategy: manual.
    3. Test user email + role?

    User: [confirmed base URL] [provides: pnpm run auth:bootstrap] [test+aw@example.com, admin]

[C] Probing...
    Running: pnpm run auth:bootstrap (timeout: 30s)
    ✓ .auth/local.json written (12kb)
    Loading http://localhost:3000/ ... ✓ HTTP 200, title: "Dashboard"

[D] Writing aw-target:
    Creating .claude/aw-targets/local.yml ...
    [shows YAML preview]
    Adding .auth/ to .gitignore
    Confirm? [y/N] y
    ✓ .claude/aw-targets/local.yml written

[E] Smoke spec...
    Running aw-tester smoke spec...
    verdict: green
    ✓ Aw-Target validated. aw-tester is ready.

Re-run example

[Re-run detected] .claude/aw-targets/local.yml exists.
Validating...
    ✓ base_url: http://localhost:3000 — reachable
    ✗ auth.storage_state: .auth/local.json — missing (deleted or expired)
    ✓ fixtures.seed: pnpm run db:seed:aw — script exists

One field needs attention: auth storage state is missing.
[C] Re-running auth bootstrap...
    Running: pnpm run auth:bootstrap (timeout: 30s)
    ✓ .auth/local.json written (12kb)
[D] No changes to aw-target.yml needed.
[E] Smoke spec... verdict: green
✓ Aw-Target re-validated.

Aw-Target file location

The aw-target file and bootstrap script are committed so teammates can use the same flow. The auth storage state and credentials are gitignored — they contain secrets.

When the repo already has an auth convention (see Reuse before you scaffold), these paths follow it instead of the defaults shown — e.g. .browser/auth-state.json for the storage state and .claude/aw-targets/scripts/refresh-auth.mjs for the script.

Auth flow templates

aw-setup ships two ready-to-copy bootstrap scripts under templates/. Both produce the same artifact (a Playwright storageState JSON) but get there differently:

(a) Interactive headful capture — auth-bootstrap-headful.template.mjs

What it does. Launches a headful Chromium pointed at AUTH_LOGIN_URL, prints "log in then close the window" to stderr, and saves storage state when either:

• the page URL matches AUTH_POST_LOGIN_URL_PATTERN (if provided), or
• the user closes the browser window (via a browser.on('disconnected') handler — the save is idempotent).

When to pick this. SSO, OAuth, passwordless flows, anything that's hard to script. Also a fine default for first-time setup — log in once, reuse the session for days. To refresh, run the script again.

Env contract.

Bootstrap command in aw-target.yml:

auth:
  strategy: storage-state
  storage_state: ./.auth/local.json
  refresh:
    when: missing-or-expired
    command: |
      AUTH_LOGIN_URL=http://localhost:3000/login \
        AUTH_STORAGE_STATE=./.auth/local.json \
        AUTH_POST_LOGIN_URL_PATTERN='/dashboard' \
        node scripts/auth-bootstrap-headful.mjs
    timeout_seconds: 600   # generous — user-driven step

(b) Automated credentials — auth-bootstrap-credentials.template.mjs

What it does. Headless Chromium logs in by filling a plain HTML form with E2E_EMAIL / E2E_PASSWORD, waits for AUTH_POST_LOGIN_URL_PATTERN, and saves storage state. The locator block at the top of the script is marked >>> CUSTOMIZE <<< because every project's login form has different labels.

When to pick this. Plain HTML email+password form, no MFA / CAPTCHA, you want unattended refreshes (CI, scheduled re-auth, mass test execution). Skip this if your login is SSO, OAuth-redirect, magic-link, or has required MFA — those need (a).

Env contract.

Bootstrap command in aw-target.yml:

auth:
  strategy: storage-state
  storage_state: ./.auth/local.json
  refresh:
    when: missing-or-expired
    command: |
      AUTH_LOGIN_URL=http://localhost:3000/login \
        AUTH_STORAGE_STATE=./.auth/local.json \
        AUTH_POST_LOGIN_URL_PATTERN='/dashboard' \
        node scripts/auth-bootstrap-credentials.mjs
    timeout_seconds: 60

Then declare the credentials env vars in .env.local (gitignored) or your CI secret store:

# .env.local — DO NOT COMMIT
export E2E_EMAIL="test+aw@example.com"
export E2E_PASSWORD="<from-1password-or-similar>"

Which one wins for your project?

A quick decision aid (the same logic aw-setup uses in Phase B):

Is the login form plain HTML (email + password + submit, no redirects)?
├─ Yes → Can you store the password in a CI secret / .env.local safely?
│        ├─ Yes → (b) Automated credentials
│        └─ No  → (a) Interactive headful capture
└─ No (SSO, OAuth, magic link, MFA) → (a) Interactive headful capture

Both flows produce the same .auth/<name>.json — aw-tester does not care which one created it. You can switch later by re-running /aw-setup and picking a different strategy; aw-setup detects the change and offers to rewrite the bootstrap script + the refresh.command line in lockstep.

Compatibility notes

• No dependency on playwright.config.ts — aw-setup probes via npx playwright@latest.
• No dependency on aw-tester being installed — aw-setup brings its own probe.
• If playwright is already installed locally, aw-setup uses the local binary; otherwise it falls back to npx playwright@latest.
• The bootstrap scripts (scripts/auth-bootstrap-*.mjs) import { chromium } from 'playwright', so they need Playwright available at runtime. aw-tester's pinned binary resolution covers this transparently (see templates/aw-tester.agent.md) — if no project install is found, the cached branch-local install is reused.

Definition of done

• .claude/aw-targets/local.yml written and reviewed by the user.
• If strategy (a) or (b): the matching bootstrap script written under scripts/auth-bootstrap-*.mjs and reviewed by the user (especially the CUSTOMIZE block for strategy b).
• The auth storage-state file exists (or auth.strategy: manual is set).
• The auth directory in use is in .gitignore — the reused convention's dir (e.g. .browser/) or the .auth/ default. If strategy (b), .env.local (or whichever file holds E2E_PASSWORD) is also in .gitignore.
• Smoke spec returned green (or inconclusive for manual auth strategy).
• User told what to do next:
  • "Run an autonomous task that touches UI — the executor's Phase 4 will now run aw-tester automatically."
  • "Re-run /aw-setup when auth expires or fixtures change."
  • For strategy (b): "If the login form changes, edit the CUSTOMIZE block in scripts/auth-bootstrap-credentials.mjs. The locator ladder is role/label-based so it tolerates most CSS / DOM changes."