Skip to content

feat: migrate from browser MCP to agent-browser CLI #25

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ShreyJ1729 wants to merge 2 commits into
base: master
Choose a base branch
from
Open

feat: migrate from browser MCP to agent-browser CLI #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
72bf1e1
docs: migrate browser references from Chrome MCP / claude --chrome to…
ShreyJ1729 Apr 4, 2026
401615b
feat: replace browser MCP with agent-browser CLI in clone-website skill
ShreyJ1729 Apr 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .amazonq/cli-agents/clone-website.json
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .amazonq/rules/project.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ scripts/ # Asset download scripts

## How to Reverse-Engineer Any Website

This guide outlines what to capture when inspecting a target website via Chrome MCP or browser DevTools.
This guide outlines what to capture when inspecting a target website via agent-browser CLI or browser DevTools.

## Phase 1: Visual Audit

Expand Down
103 changes: 64 additions & 39 deletions .augment/commands/clone-website.md
View file
Open in desktop

Large diffs are not rendered by default.

103 changes: 64 additions & 39 deletions .claude/skills/clone-website/SKILL.md
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .clinerules
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ scripts/ # Asset download scripts

## How to Reverse-Engineer Any Website

This guide outlines what to capture when inspecting a target website via Chrome MCP or browser DevTools.
This guide outlines what to capture when inspecting a target website via agent-browser CLI or browser DevTools.

## Phase 1: Visual Audit

Expand Down
103 changes: 64 additions & 39 deletions .codex/skills/clone-website/SKILL.md
View file
Open in desktop

Large diffs are not rendered by default.

103 changes: 64 additions & 39 deletions .continue/commands/clone-website.md
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .continue/rules/project.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ scripts/ # Asset download scripts

## How to Reverse-Engineer Any Website

This guide outlines what to capture when inspecting a target website via Chrome MCP or browser DevTools.
This guide outlines what to capture when inspecting a target website via agent-browser CLI or browser DevTools.

## Phase 1: Visual Audit

Expand Down
103 changes: 64 additions & 39 deletions .cursor/commands/clone-website.md
View file
Open in desktop

Large diffs are not rendered by default.

103 changes: 64 additions & 39 deletions .gemini/commands/clone-website.toml
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion .github/copilot-instructions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ scripts/ # Asset download scripts

## How to Reverse-Engineer Any Website

This guide outlines what to capture when inspecting a target website via Chrome MCP or browser DevTools.
This guide outlines what to capture when inspecting a target website via agent-browser CLI or browser DevTools.

## Phase 1: Visual Audit

Expand Down
103 changes: 64 additions & 39 deletions .github/skills/clone-website/SKILL.md
View file
Open in desktop

Large diffs are not rendered by default.

103 changes: 64 additions & 39 deletions .opencode/commands/clone-website.md
View file
Open in desktop

Large diffs are not rendered by default.

103 changes: 64 additions & 39 deletions .windsurf/workflows/clone-website.md
View file
Open in desktop

Large diffs are not rendered by default.

12 changes: 8 additions & 4 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,19 @@ Point it at a URL, run `/clone-website`, and your AI agent will inspect the site
```bash
npm install
```
3. **Start your AI agent** — Claude Code recommended:
3. **Install agent-browser** (browser automation for the clone skill):
```bash
claude --chrome
npm install -g agent-browser && agent-browser install
```
4. **Run the skill**:
4. **Start your AI agent** — Claude Code recommended:
```bash
claude
```
5. **Run the skill**:
```
/clone-website <target-url1> [<target-url2> ...]
```
5. **Customize** (optional) — after the base clone is built, modify as needed
6. **Customize** (optional) — after the base clone is built, modify as needed

> Using a different agent? Open `AGENTS.md` for project instructions — most agents pick it up automatically.

Expand Down
2 changes: 1 addition & 1 deletion docs/research/INSPECTION_GUIDE.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## How to Reverse-Engineer Any Website

This guide outlines what to capture when inspecting a target website via Chrome MCP or browser DevTools.
This guide outlines what to capture when inspecting a target website via agent-browser CLI or browser DevTools.

## Phase 1: Visual Audit

Expand Down