Skip to main content
affpapa.org
RU EN
skill CX Codex

web-access-claude-skill — Claude Code skill: web access and Chrome

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.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a claude-code
Open on GitHub

What web-access-claude-skill 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.

What it helps with

  • 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 for the agent

  • 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

How to install web-access-claude-skill

1Skills CLI (Vercel)

npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a claude-code

2Manually: put the files in place

~/.claude/skills/web-access-claude-skill/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/web-access-claude-skill/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about web-access-claude-skill

How do I install web-access-claude-skill in Claude?

Run npx skills add reason-machines/trending-skills --skill web-access-claude-skill -a claude-code. The skill file then lives at ~/.claude/skills/web-access-claude-skill/SKILL.md.

What does web-access-claude-skill do?

It teaches the agent to choose between WebSearch, WebFetch, curl, Jina and CDP, and gives it control of your Chrome through a local proxy: tabs, JS, clicks, screenshots, file uploads.

What do I need for the skill to work?

Node.js 22 or newer and remote debugging enabled in Chrome. Run bash ~/.claude/skills/web-access-claude-skill/scripts/check-deps.sh to verify.

Similar skills

All skills for Agent setup: memory, context, orchestration →
cloud browser-use This skill covers Browser Use Cloud, its API, and SDKs for browser automation. Use it when building a hosted integration or maintaining v2 or v3. CX Codex +1 3,200installs kernel-typescript-sdk kernel A skill for driving Kernel browser sessions from TypeScript: server-side Playwright or CDP, profiles, proxies, and session cleanup. CX Codex +1 403installs kernel-python-sdk kernel Teaches the agent to write Python against Kernel browser sessions: server-side Playwright, CDP, profiles, proxies and clean teardown. CX Codex +1 353installs browser-trace browserbase Attaches a second CDP client to a browser session that is already running, records the whole DevTools stream to disk, and splits it so you can search a failed run. CX Codex +1 3,000installs firecrawl-build-interact firecrawl A coding-agent skill that gets Firecrawl /interact into product code when a page has to be clicked, filled in or paged through before you can read it. CX Codex +1 61,300installs SeleniumBase MCP seleniumbase An MCP server that hands your agent SeleniumBase browser control: tests, scraping and bot-detection bypass. CX Codex +1 ★ 13,169repo stars

From the same set42

modly-image-to-3d This skill walks your agent through installing Modly, a desktop app that turns a photo into a 3D mesh on your own GPU — no cloud, no API keys. CX Codex +1 1,300installs git-city-3d-github-visualization A skill for building on Git City, a project that turns GitHub profiles into 3D pixel-art buildings with Next.js and Three.js. CX Codex +1 1,300installs weixin-agent-sdk This skill wires any AI backend into WeChat through the weixin-agent-sdk TypeScript framework: QR login plus a message loop. CX Codex +1 1,100installs ghostling-libghostty-terminal A skill that walks through building a minimal terminal emulator on the libghostty-vt C library, with Raylib handling windows and rendering. CX Codex +1 1,100installs agent-flow-visualization Installs the Agent Flow VS Code extension, which draws Claude agent orchestration as a live node graph: tool calls, branches, subagents, timings. CX Codex +1 887installs caveman-token-optimizer A skill that makes AI agents answer in caveman-speak, dropping pleasantries and filler. It cuts roughly 65% of output tokens while code and technical terms stay exact. CX Codex +1 842installs pump-analyzer-solana A static front end for watching Pump.fun token launches on Solana: a WebSocket feed, price and volume charts, and alerts on your own criteria. CX Codex +1 837installs codex-session-patcher Finds AI refusals in Claude CLI, Claude and OpenCode session files and replaces them so you can resume the conversation. CX Codex +1 798installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor