Agent skill

Web Bridge

by AgenticMatrix in AgenticMatrix/coderix

Control a real browser via CDP — navigate, click, type, screenshot, and extract web content.

No licenceAuto-check: warningsDevelopment

Install Web Bridge

The automated check flagged lines worth reading first. See the safety section below.

skills CLI
$ npx skills add AgenticMatrix/coderix --skill web-bridge -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install AgenticMatrix/coderix web-bridge --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/AgenticMatrix/coderix.git skills-src && mkdir -p .claude/skills && cp -r skills-src/resources/skills/web-bridge .claude/skills/web-bridge && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
web-bridge
GitHub stars
279
Token cost
~2.2k tokens
SKILL.md length
672 words
Files
6
Skills in repo
1
Repo updated
First seen
Licence
None found

At a glance

Control a real browser via CDP — navigate, click, type, screenshot, and extract web content.

  • Works in 3 steps: Start the bridge server (as above) → Load the extension in Chrome → The server auto-detects the extension…
  • Tasks that involve Browser extensions
  • SKILL.md covers Quick Start, Operations Reference, Using @e refs from snapshot and Screenshots: read the returned…, plus 4 more sections
  • Runs JavaScript and TypeScript scripts from its folder; calls curl, npx and node

What it does

Web Bridge is an agent skill from AgenticMatrix/coderix. Control a real browser via CDP — navigate, click, type, screenshot, and extract web content. No Chrome extension required.

Its SKILL.md is about 2.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files (for example `extension/background.js`, `extension/manifest.json` and `web-bridge-cli.ts`).

It sits in Development, covering Browser extensions. It works with Chrome Extensions, DeepSeek and React. The repository describes itself as: A pure open-source coding agent developed by AI.

When your agent uses it

  • Tasks that involve Browser extensions

Example prompts

  • “/web-bridge”

Requirements

  • Node.js

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

  1. Start the bridge server (as above)
  2. Load the extension in Chrome
  3. The server auto-detects the extension and switches to extension mode

What it can do on your machine

Read from SKILL.md and the folder at commit 5ef341c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (JavaScript and TypeScript), which the agent can run.

    Shell commands in SKILL.md call:

    • curl
    • npx
    • node
    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use curl, npx and npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Web Bridge loads about 2.2k tokens when it runs. Until then it costs about 33 tokens; SKILL.md has 672 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~33
When it runs · the whole SKILL.md, loaded when a task matches
~2.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: warnings

The automated check found patterns that need a careful read before installing.

  • WarningMentions a credentials file (SSH keys, cloud or package-manager tokens)SKILL.md:192
    rs who want to control their **existing Chrome session** (with logins/cookies preserved) without launching a separate br

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 672 words (~2,183 tokens).

“Control a real Chrome/Edge browser from the AI agent. No extension installation needed. All data stays local.”

— opening of SKILL.md by AgenticMatrix
name
web-bridge
version
2.1
triggers
web-bridge, webbridge, browser control, browser automation, CDP, chrome devtools, 截图, 浏览器操作, 网页自动化
tools
bash
tags
browser, automation, web
author
Coderix

Read the full SKILL.md on GitHub

Files

SKILL.md and 5 other files in resources/skills/web-bridge of AgenticMatrix/coderix.

  • SKILL.md
  • bridge-server.cjs
  • extension/background.js
  • extension/icon.png
  • extension/manifest.json
  • web-bridge-cli.ts

Open the folder on GitHubat commit 5ef341c

Compare with similar skills

Web Bridge next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Web Bridge compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Bridge this skillAgenticMatrix/coderix279—~2.2kAutomated safety check: WarnNone
Deepseek Automationzhu1090093659/deepseek-pp1.9k—~2.1kAutomated safety check: NotesApache-2.0
Spec Driven Developzhu1090093659/deepseek-pp1.9k—~6.9kAutomated safety check: PassApache-2.0
Wxtmengxi-ream/read-frog10k—~500Automated safety check: PassGPL-3.0
Release ExtensionYorick-Ryu/deep-share144—~1.3kAutomated safety check: PassCustom licence
Crxjssamber/cc-skills228—~2.6kAutomated safety check: PassMIT

Similar skills

  • Deepseek Automation

    zhu1090093659/deepseek-pp

    A skill your agent uses when implementing, resuming, reviewing, or verifying the DeepSeek++ Codex-style automation feature in this repository.

    1.9k GitHub stars~2.1k tokensUpdated 1 mo ago
    DevelopmentAuto-check: notes
  • Spec Driven Develop

    zhu1090093659/deepseek-pp

    Automates pre-development workflow for large-scale complex tasks.

    1.9k GitHub stars~6.9k tokensUpdated 1 mo ago
    Agent WorkflowsAuto-check passed
  • Wxt

    mengxi-ream/read-frog

    Build browser extensions with WXT - a next-gen framework with file-based entrypoints, Vite builds, auto-imports, typed storage with migrations, content script UIs, and multi-browser MV2/MV3 support.

    10k GitHub stars~500 tokensUpdated today
    DevelopmentAuto-check passed
  • Release Extension

    Yorick-Ryu/deep-share

    Release browser extensions or similar small packaged apps by upgrading a semantic version, packaging build artifacts, creating a git commit and tag, pushing to the remote, and publishing a GitHub…

    144 GitHub stars~1.3k tokensUpdated 2 days ago
    DevelopmentAuto-check passed
  • Crxjs

    samber/cc-skills

    CRXJS Chrome extension development — true HMR for popup, options, content scripts, side panels, manifest-driven builds, dynamic content script imports (?script, ?script&module), and defineManifest…

    228 GitHub stars~2.6k tokensUpdated 6 days ago
    DevelopmentAuto-check passed
  • Launches Chrome with an unpacked extension over CDP, opens its sidepanel, popup or options page, and hands over to cdp-connect for clicks, typing and screenshots.

    195 GitHub stars~952 tokensUpdated yesterday
    Testing & QAAuto-check passed

Questions about Web Bridge

What does Web Bridge do?

Control a real browser via CDP — navigate, click, type, screenshot, and extract web content. Web Bridge is an agent skill from AgenticMatrix/coderix. Control a real browser via CDP — navigate, click, type, screenshot, and extract web content.

When should I use Web Bridge?

Web Bridge fits situations like: tasks that involve Browser extensions.

How do I install Web Bridge in Claude Code?

Run `npx skills add AgenticMatrix/coderix --skill web-bridge -a claude-code`. Or copy the skill folder (resources/skills/web-bridge in AgenticMatrix/coderix) into .claude/skills/web-bridge in your project. Claude Code loads it when a task matches its description.

How do I install Web Bridge in Codex?

Run `npx skills add AgenticMatrix/coderix --skill web-bridge -a codex`. Or copy the skill folder (resources/skills/web-bridge in AgenticMatrix/coderix) into .agents/skills/web-bridge in your project. Codex loads it when a task matches its description.

Can I use Web Bridge in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add AgenticMatrix/coderix --skill web-bridge -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-bridge, .gemini/skills/web-bridge, .github/skills/web-bridge and .opencode/skills/web-bridge in your project.

What does Web Bridge need to run?

Going by SKILL.md and its folder, Web Bridge needs JavaScript and TypeScript for the scripts in its folder and the command-line tools its instructions call (curl, npx, node and npm). Our summary lists: Node.js.

Does Web Bridge access the network?

SKILL.md contains no URLs. Its commands use curl, npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Web Bridge safe to install?

Our automated static check of SKILL.md flagged 1 warning(s): mentions a credentials file (ssh keys, cloud or package-manager tokens). Read the flagged lines before installing; the check is not a guarantee either way.

What licence does Web Bridge use?

No licence was found for Web Bridge or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Web Bridge use?

About 2.2k tokens (SKILL.md is roughly 8.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Web Bridge?

Skills that share tags, products or a category with Web Bridge: Deepseek Automation (zhu1090093659/deepseek-pp, 1.9k stars), Spec Driven Develop (zhu1090093659/deepseek-pp, 1.9k stars), Wxt (mengxi-ream/read-frog, 10k stars) and Release Extension (Yorick-Ryu/deep-share, 144 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Bridge?

AgenticMatrix (a GitHub organization) maintains it in AgenticMatrix/coderix, which has 279 GitHub stars. The repository was last updated on October 7, 2026.

Source: AgenticMatrix/coderix on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.