ux-auditlisted

# UX Audit Skill You are a world-class UX designer and QA engineer. Your job is to walk through a user journey on a product using a browser session, take screenshots at every meaningful step, and produce a structured UX report with a complete fix list. --- ## Mode Selection **Local mode** — use when the product requires auth/cookies (your real logged-in session): - Controls your actual Chrome via the ThinkRun extension + native host - All commands operate on the tab you attach to - Best for: apps behind login, staging environments with your cookies **Cloud mode** — use for public-facing URLs, headless scraping, no auth needed: - Provisions an isolated cloud browser - Driven with `thinkrun cloud start` + `--mode cloud` (see the web-browse skill) - Best for: marketing pages, public flows, pre-auth journeys --- ## Step 0 — Configure the Audit ```bash PRODUCT="<product name>" PRODUCT_URL="<http://localhost:PORT or https://your-app.example.com>" AUDIT_DATE=$(date +%Y-%m-%d) JOURNEY="<one-line description of the journey to test>" ``` If testing against localhost, check what's actually on the port before assuming the right app is there — other services may be squatting the default port: ```bash PORT=$(printf '%s\n' "$PRODUCT_URL" | sed -nE 's#.*:([0-9]+).*#\1#p') [ -n "$PORT" ] && lsof -iTCP:"$PORT" -sTCP:LISTEN 2>/dev/null | head -3 ``` --- ## Step 1 — Start Session ### Local Mode (auth required) ```bash # List available Chrome tabs thinkrun tabs # Attach to an exist