💻 Developer ToolsNew

add-webmcp

Name: add-webmcp
Author: browserbase

by browserbase2 days ago3.7k

Analyze an existing web application, identify safe user-visible capabilities across routes, forms, server actions, handlers, and schemas, then implement first-party WebMCP tools and validate discovery and invocation with Stagehand. Use when the user asks to make a codebase agent-ready, expose website features as WebMCP tools, or add WebMCP directly to an app rather than generating a standalone injection script from a URL.

Install

npx skills add https://github.com/browserbase/skills --skill add-webmcp

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/browserbase--skills--skills--add-webmcp/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@shreypandya

"WebMCP is a game changer for browser agents I built a skill that adds WebMCP support to any codebase - in this demo, I turned Excalidraw into an agent-native..."