Use Case
WebMCP is a powerful AI agent skill that extends your assistant with new capabilities. This skill should be used when browsing or automating web pages that expose tools via the WebMCP API (window.navigator.modelContext). It teaches agents how to discover, inspect, and invoke WebMCP tools on websites instead of relying on DOM scraping or UI actuation. This guide walks you through installing WebMCP, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install WebMCP: npx clawhub@latest --dir ~/.claude/skills install webmcp
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to documents & notes to trigger WebMCP
Review the output and refine your prompt for better results
Combine WebMCP with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing WebMCP
Help me get started with WebMCP
What can WebMCP do for my documents & notes workflow?
Show me an example of using WebMCP
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install webmcpOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install webmcpβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/webmcp/π‘Extract and place the folder at the path above, then restart your agent.