/ Directory / Playground / BrowserWing
● Community browserwing ⚡ Instant

BrowserWing

by browserwing · browserwing/browserwing

Records your browser actions and emits them as Claude-skill or MCP commands — turn manual flows into agent-callable routines.

BrowserWing watches your browser, captures intent (clicks, fills, navigations), and emits an agent-callable artifact: either a Claude Skill or an MCP tool. Use it to teach agents repetitive browser flows without writing Playwright by hand.

Why use it

Key features

Live Demo

What it looks like in practice

ready

Install

Pick your client

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Open Claude Desktop → Settings → Developer → Edit Config. Restart after saving.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Cursor uses the same mcpServers schema as Claude Desktop. Project config wins over global.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Click the MCP Servers icon in the Cline sidebar, then "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "browserwing-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ],
      "_inferred": true
    }
  }
}

Same shape as Claude Desktop. Restart Windsurf to pick up changes.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "browserwing-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/browserwing/browserwing"
      ]
    }
  ]
}

Continue uses an array of server objects rather than a map.

~/.config/zed/settings.json
{
  "context_servers": {
    "browserwing-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/browserwing/browserwing"
        ]
      }
    }
  }
}

Add to context_servers. Zed hot-reloads on save.

claude mcp add browserwing-skill -- git clone https://github.com/browserwing/browserwing

One-liner. Verify with claude mcp list. Remove with claude mcp remove.

Use Cases

Real-world ways to use BrowserWing

Teach Claude a flow by recording yourself

👤 Claude Code users ⏱ ~15 min intermediate

When to use: A repetitive browser task you wish Claude could do.

Flow
  1. Record
    Start BrowserWing; perform the flow.✓ Copied
    → Trace captured
  2. Refine
    Annotate variable inputs.✓ Copied
    → Parameterized flow
  3. Emit
    Export as skill / MCP tool.✓ Copied
    → Agent-callable

Outcome: Repeatable browser routine Claude can invoke.

Combinations

Pair with other MCPs for X10 leverage

browserwing-skill + playwright-mcp

Use Playwright MCP underneath; BrowserWing for capture UX

Combine browserwing-skill with playwright-mcp: Use Playwright MCP underneath; BrowserWing for capture UX✓ Copied

Tools

What this MCP exposes

ToolInputsWhen to callCost
recorder + runner (see docs) CLI + skill artifact pair 1 call

Cost & Limits

What this costs to run

API quota
Local browser
Tokens per call
Small per call
Monetary
Free OSS
Tip
Re-record when sites change layout

Security

Permissions, secrets, blast radius

Minimum scopes: browser-control
Credential storage: Captured flows on disk
Data egress: Wherever the flow goes
Never grant: record on banking / health sites blindly

Troubleshooting

Common errors and fixes

Selector drift

Recorder prefers role + text — re-record if site redesigned

Alternatives

BrowserWing vs others

AlternativeWhen to use it insteadTradeoff
Hand-written PlaywrightYou want code controlSlower to author

More

Resources

📖 Read the official README on GitHub

🐙 Browse open issues

🔍 Browse all 400+ MCP servers and Skills