ClawKit Logo
ClawKitReliability Toolkit
Back to Registry
Official Verified

web-access-claude-skill

Give Claude Code full internet access with three-layer channel dispatch, CDP browser automation, and parallel sub-agent task splitting

skill-install — Terminal

Install via CLI (Recommended)

clawhub install openclaw/skills/skills/adisinghstudent/web-access-claude-skill
Or

Web Access Skill for Claude Code

Skill by ara.so — Daily 2026 Skills collection.

A skill that gives Claude Code complete internet access using three-layer channel dispatch (WebSearch / WebFetch / CDP), Chrome DevTools Protocol browser automation via a local proxy, parallel sub-agent task splitting, and cross-session site experience accumulation.

What This Project Does

Claude Code ships with WebSearch and WebFetch but lacks:

  • Dispatch strategy — knowing when to use which tool
  • Browser automation — clicking, scrolling, file upload, dynamic pages
  • Accumulated site knowledge — domain-specific patterns reused across sessions

Web Access fills all three gaps with:

CapabilityDetail
Auto tool selectionWebSearch / WebFetch / curl / Jina / CDP chosen per scenario
CDP ProxyConnects directly to your running Chrome, inherits login state
Three click modes/click (JS), /clickAt (real mouse events), /setFiles (upload)
Parallel dispatchMultiple targets → sub-agents share one Proxy, tab-isolated
Site experience storePer-domain URL patterns, quirks, traps — persisted across sessions
Media extractionPull image/video URLs from DOM, screenshot any video frame

Installation

Option A — Let Claude install it:

帮我安装这个 skill:https://github.com/eze-is/web-access

or in English:

Install this skill for me: https://github.com/eze-is/web-access

Option B — Manual:

git clone https://github.com/eze-is/web-access ~/.claude/skills/web-access

The skill file is ~/.claude/skills/web-access/SKILL.md. Claude Code loads all SKILL.md files under ~/.claude/skills/ automatically.

Prerequisites

Node.js 22+

node --version   # must be >= 22

Enable Chrome Remote Debugging

  1. Open chrome://inspect/#remote-debugging in your Chrome
  2. Check Allow remote debugging for this browser instance
  3. Restart Chrome if prompted

Verify Dependencies

bash ~/.claude/skills/web-access/scripts/check-deps.sh

Expected output:

✅ Node.js 22.x found
✅ Chrome DevTools reachable at localhost:9222
✅ curl available

CDP Proxy — Core Component

The proxy is a lightweight Node.js WebSocket bridge between Claude and your Chrome instance.

Start the Proxy

# Start in background (auto-exits after 20 min idle)
node ~/.claude/skills/web-access/scripts/cdp-proxy.mjs &

# Confirm it's running
curl -s http://localhost:3456/ping
# → {"status":"ok"}

Full HTTP API Reference

# ── Tab management ──────────────────────────────────────────
# Open new tab, returns tab ID
curl -s "http://localhost:3456/new?url=https://example.com"
# → {"targetId":"ABC123","url":"https://example.com"}

# Close a tab
curl -s "http://localhost:3456/close?target=ABC123"
# → {"closed":true}

Metadata

Stars3809
Views1
Updated2026-04-05
View Author Profile
AI Skill Finder

Not sure this is the right skill?

Describe what you want to build — we'll match you to the best skill from 16,000+ options.

Find the right skill
Add to Configuration

Paste this into your clawhub.json to enable this plugin.

{
  "plugins": {
    "official-adisinghstudent-web-access-claude-skill": {
      "enabled": true,
      "auto_update": true
    }
  }
}
Safety NoteClawKit audits metadata but not runtime behavior. Use with caution.