diff --git a/plugins/compound-engineering/.claude-plugin/plugin.json b/plugins/compound-engineering/.claude-plugin/plugin.json
index aace77a..4f079ea 100644
--- a/plugins/compound-engineering/.claude-plugin/plugin.json
+++ b/plugins/compound-engineering/.claude-plugin/plugin.json
@@ -1,6 +1,6 @@
{
"name": "compound-engineering",
- "version": "2.26.1",
+ "version": "2.26.2",
"description": "AI-powered development tools. 27 agents, 21 commands, 14 skills, 1 MCP server for code review, research, design, and workflow automation.",
"author": {
"name": "Kieran Klaassen",
diff --git a/plugins/compound-engineering/CHANGELOG.md b/plugins/compound-engineering/CHANGELOG.md
index 76e5d70..8514e85 100644
--- a/plugins/compound-engineering/CHANGELOG.md
+++ b/plugins/compound-engineering/CHANGELOG.md
@@ -5,6 +5,19 @@ All notable changes to the compound-engineering plugin will be documented in thi
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+## [2.26.2] - 2026-01-14
+
+### Changed
+
+- **`/test-browser` command** - Clarified to use agent-browser CLI exclusively
+ - Added explicit "CRITICAL: Use agent-browser CLI Only" section
+ - Added warning: "DO NOT use Chrome MCP tools (mcp__claude-in-chrome__*)"
+ - Added Step 0: Verify agent-browser installation before testing
+ - Added full CLI reference section at bottom
+ - Added Next.js route mapping patterns
+
+---
+
## [2.26.1] - 2026-01-14
### Changed
diff --git a/plugins/compound-engineering/commands/test-browser.md b/plugins/compound-engineering/commands/test-browser.md
index 22e23ac..150dce0 100644
--- a/plugins/compound-engineering/commands/test-browser.md
+++ b/plugins/compound-engineering/commands/test-browser.md
@@ -8,6 +8,14 @@ argument-hint: "[PR number, branch name, or 'current' for current branch]"
Run end-to-end browser tests on pages affected by a PR or branch changes using agent-browser CLI.
+## CRITICAL: Use agent-browser CLI Only
+
+**DO NOT use Chrome MCP tools (mcp__claude-in-chrome__*).**
+
+This command uses the `agent-browser` CLI exclusively. The agent-browser CLI is a Bash-based tool from Vercel that runs headless Chromium. It is NOT the same as Chrome browser automation via MCP.
+
+If you find yourself calling `mcp__claude-in-chrome__*` tools, STOP. Use `agent-browser` Bash commands instead.
+
## Introduction
QA Engineer specializing in browser-based end-to-end testing
@@ -21,8 +29,8 @@ This command tests affected pages in a real browser, catching issues that unit t
## Prerequisites
-- Local development server running (e.g., `bin/dev`, `rails server`)
-- agent-browser CLI installed
+- Local development server running (e.g., `bin/dev`, `rails server`, `npm run dev`)
+- agent-browser CLI installed (see Setup below)
- Git repository with changes to test
@@ -36,14 +44,24 @@ command -v agent-browser >/dev/null 2>&1 && echo "Installed" || echo "NOT INSTAL
**Install if needed:**
```bash
npm install -g agent-browser
-agent-browser install # Downloads Chromium
+agent-browser install # Downloads Chromium (~160MB)
```
See the `agent-browser` skill for detailed usage.
## Main Tasks
-### 0. Ask Browser Mode
+### 0. Verify agent-browser Installation
+
+Before starting ANY browser testing, verify agent-browser is installed:
+
+```bash
+command -v agent-browser >/dev/null 2>&1 && echo "Ready" || (echo "Installing..." && npm install -g agent-browser && agent-browser install)
+```
+
+If installation fails, inform the user and stop.
+
+### 1. Ask Browser Mode
@@ -59,7 +77,7 @@ Store the choice and use `--headed` flag when user selects "Headed".
-### 1. Determine Test Scope
+### 2. Determine Test Scope
$ARGUMENTS
@@ -82,7 +100,7 @@ git diff --name-only main...[branch]
-### 2. Map Files to Routes
+### 3. Map Files to Routes
@@ -97,12 +115,14 @@ Map changed files to testable routes:
| `app/views/layouts/*` | All pages (test homepage at minimum) |
| `app/assets/stylesheets/*` | Visual regression on key pages |
| `app/helpers/*_helper.rb` | Pages using that helper |
+| `src/app/*` (Next.js) | Corresponding routes |
+| `src/components/*` | Pages using those components |
Build a list of URLs to test based on the mapping.
-### 3. Verify Server is Running
+### 4. Verify Server is Running
@@ -119,18 +139,18 @@ If server is not running, inform user:
Please start your development server:
- Rails: `bin/dev` or `rails server`
-- Node: `npm run dev`
+- Node/Next.js: `npm run dev`
Then run `/test-browser` again.
```
-### 4. Test Each Affected Page
+### 5. Test Each Affected Page
-For each affected route:
+For each affected route, use agent-browser CLI commands (NOT Chrome MCP):
**Step 1: Navigate and capture snapshot**
```bash
@@ -138,9 +158,10 @@ agent-browser open "http://localhost:3000/[route]"
agent-browser snapshot -i
```
-**Step 2: Check for errors** (use headed mode for console inspection)
+**Step 2: For headed mode (visual debugging)**
```bash
agent-browser --headed open "http://localhost:3000/[route]"
+agent-browser --headed snapshot -i
```
**Step 3: Verify key elements**
@@ -156,9 +177,15 @@ agent-browser click @e1 # Use ref from snapshot
agent-browser snapshot -i
```
+**Step 5: Take screenshots**
+```bash
+agent-browser screenshot page-name.png
+agent-browser screenshot --full page-name-full.png # Full page
+```
+
-### 5. Human Verification (When Required)
+### 6. Human Verification (When Required)
@@ -187,7 +214,7 @@ Did it work correctly?
-### 6. Handle Failures
+### 7. Handle Failures
@@ -226,7 +253,7 @@ When a test fails:
-### 7. Test Summary
+### 8. Test Summary
@@ -278,13 +305,35 @@ After all tests complete, present summary:
/test-browser feature/new-dashboard
```
-## Key agent-browser Commands
+## agent-browser CLI Reference
+
+**ALWAYS use these Bash commands. NEVER use mcp__claude-in-chrome__* tools.**
```bash
-agent-browser open # Navigate
-agent-browser snapshot -i # Interactive elements with refs
-agent-browser click @e1 # Click by ref
+# Navigation
+agent-browser open # Navigate to URL
+agent-browser back # Go back
+agent-browser close # Close browser
+
+# Snapshots (get element refs)
+agent-browser snapshot -i # Interactive elements with refs (@e1, @e2, etc.)
+agent-browser snapshot -i --json # JSON output
+
+# Interactions (use refs from snapshot)
+agent-browser click @e1 # Click element
agent-browser fill @e1 "text" # Fill input
-agent-browser screenshot out.png # Screenshot
-agent-browser --headed open # Visible browser
+agent-browser type @e1 "text" # Type without clearing
+agent-browser press Enter # Press key
+
+# Screenshots
+agent-browser screenshot out.png # Viewport screenshot
+agent-browser screenshot --full out.png # Full page screenshot
+
+# Headed mode (visible browser)
+agent-browser --headed open # Open with visible browser
+agent-browser --headed click @e1 # Click in visible browser
+
+# Wait
+agent-browser wait @e1 # Wait for element
+agent-browser wait 2000 # Wait milliseconds
```