Control a headless browser with 98% token reduction compared to Playwright MCP and Dev Browser. Uses batch execution, minimal responses, and efficient HTML formatting.
/plugin marketplace add Lulzx/ubrowser/plugin install ubrowser@ubrowser-marketplaceThis skill inherits all available tools. When active, it can use any tool Claude has access to.
server.shControl a headless browser with 98% token reduction compared to Playwright MCP and Dev Browser. Uses batch execution, minimal responses, and efficient HTML formatting.
Start the ubrowser server before using browser tools:
./skills/ubrowser/server.sh &
Wait for "μBrowser MCP server started" message. First run installs dependencies and downloads Playwright Chromium.
Use --headless flag for headless mode:
./skills/ubrowser/server.sh --headless &
Always prefer browser_batch for multi-step workflows. This is the key to 98% cost savings.
Instead of:
browser_navigate → browser_type → browser_type → browser_click (4 calls, 4 snapshots)
Use:
{
"tool": "browser_batch",
"steps": [
{"tool": "navigate", "args": {"url": "/login"}},
{"tool": "type", "args": {"selector": "#email", "text": "user@test.com"}},
{"tool": "type", "args": {"selector": "#password", "text": "secret"}},
{"tool": "click", "args": {"selector": "button[type=submit]"}}
],
"snapshot": {"when": "final"}
}
Result: 1 call, 1 snapshot = 80%+ token reduction
Navigate to a URL.
{"url": "https://example.com"}
Click element by ref or selector.
{"ref": "e1"}
{"selector": "button.submit"}
Type text into input.
{"ref": "e2", "text": "hello@example.com", "clear": true, "pressEnter": true}
Select dropdown option.
{"selector": "#country", "label": "United States"}
Scroll page or element.
{"direction": "down", "amount": 500}
{"toBottom": true}
Get interactive elements with refs (e1, e2, e3...).
{"scope": "#main", "format": "full"}
Execute multiple actions, snapshot only at end.
{
"steps": [
{"tool": "navigate", "args": {"url": "/search"}},
{"tool": "type", "args": {"selector": "input[name=q]", "text": "query"}},
{"tool": "click", "args": {"selector": "button[type=submit]"}}
],
"snapshot": {"when": "final", "scope": ".results"}
}
Manage multiple browser pages.
{"action": "create", "name": "login"}
{"action": "switch", "name": "dashboard"}
{"action": "list"}
{"action": "close", "name": "login"}
Inspect specific element.
{"selector": ".form", "includeText": true, "depth": 3}
Snapshots return elements with short refs:
<input id="e1" type="email" placeholder="Email">
<input id="e2" type="password">
<button id="e3">Sign In</button>
Use refs in subsequent commands: {"ref": "e1", "text": "user@test.com"}
browser_batch for multi-step flowssnapshot: {include: true} only when neededscope parameter to limit to relevant DOM regionformat: "diff" for changes only| Approach | Per Task | Monthly (3000) |
|---|---|---|
| Playwright MCP | $3.28 | $9,827 |
| μBrowser | $0.01 | $45 |
| Savings | $3.26 | $9,782 |
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.