# web-access-claude-skill

Lets the agent pick between search, page fetch and driving your real Chrome. Useful when a site sits behind a login or renders on JS.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 965 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/web-access-claude-skill/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/web-access-claude-skill

## What it does

The skill fills three gaps: the agent does not know when to reach for `WebSearch` versus `WebFetch` versus a browser; it cannot click or upload files; it forgets how a given domain behaves. Inside there is a task-to-tool table, a Node.js proxy and a per-domain store of URL patterns and quirks that survives across sessions.

The `cdp-proxy.mjs` script runs as a WebSocket bridge to your running Chrome. Over its HTTP endpoints the agent opens tabs, evaluates JS, clicks, scrolls, takes screenshots and sets files on inputs. Cookies come from your own Chrome session, so login-gated pages load without a separate auth step. For parallel work, sub-agents share one proxy and stay tab-isolated.

You need Node.js 22 or newer and remote debugging switched on in Chrome. `check-deps.sh` verifies both. The proxy exits on its own after 20 minutes idle, so a long run means keeping an eye on it.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/web-access-claude-skill/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/web-access-claude-skill/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/web-access-claude-skill/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/web-access-claude-skill/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills web-access-claude-skill
```

2. **Manually: put the files in place**
- File: `.github/skills/web-access-claude-skill/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/web-access-claude-skill
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/web-access-claude-skill/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/web-access-claude-skill/SKILL.md

## When to use it
- pick the right tool per task instead of guessing
- read a page that sits behind a login
- click a canvas element or an upload trigger
- split several targets across parallel sub-agents
- pull image and video URLs out of the DOM

## Example prompts
- open the page and collect the titles of the first ten links
- go to the members-only section and pull the text from .main-content
- screenshot the tab to /tmp/shot.png

## Similar
- [cloud](https://affpapa.org/en/nevibecode/skills/browser-use-cloud.md) — skill · 3200 installs
- [kernel-typescript-sdk](https://affpapa.org/en/nevibecode/skills/kernel-typescript-sdk.md) — skill · 403 installs
- [kernel-python-sdk](https://affpapa.org/en/nevibecode/skills/kernel-python-sdk.md) — skill · 353 installs
- [browser-trace](https://affpapa.org/en/nevibecode/skills/browser-trace.md) — skill · 3000 installs
- [firecrawl-build-interact](https://affpapa.org/en/nevibecode/skills/firecrawl-build-interact.md) — skill · 61300 installs
- [SeleniumBase MCP](https://affpapa.org/en/nevibecode/mcp/seleniumbase-mcp.md) — MCP server · ★ 13169

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 42 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md