WebMCP

WebMCP is an AI Engineering skill for Claude Code, published by qdhenry in Claude-Command-Suite.

1.3K stars150 forkson qdhenry/Claude-Command-SuiteAdded 2026/08/20Repository updated 2026/03/01

ai-toolsanthropicclaude-codecli-toolscode-reviewdeveloper-toolsproductivitysecurity-auditslash-commandssoftware-developmentworkflow-automation

Install in seconds

Install WebMCP

Copy WebMCP into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp ~/.claude/skills/webmcp

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/qdhenry/Claude-Command-Suite.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: .claude/skills/webmcp/SKILL.md in qdhenry/Claude-Command-Suite
Installs to: ~/.claude/skills/webmcp
Collection: One of 14 skills cataloged from this repository
Category: AI Engineering — 2451 skills

What WebMCP does

WebMCP implements WebMCP in web projects by adding browser-native structured tools for AI agents using imperative JavaScript or declarative HTML APIs. Use it for setup, tool creation, debugging, auditing, and testing.

WebMCP is cataloged under AI Engineering on DirSkills. WebMCP comes from a repository tagged ai-tools, anthropic, claude-code, cli-tools and code-review.

Documentation

README

Excerpt

<essential_principles>

WebMCP is a browser-native standard that exposes structured tools for AI agents on websites. Instead of screen-scraping, agents interact through typed JavaScript APIs and HTML annotations.

Two APIs:

Imperative API — window.navigator.modelContext — register tools via JavaScript
Declarative API — HTML toolname/tooldescription attributes on <form> elements

Prerequisites: Chrome 146.0.7672.0+, chrome://flags/#enable-webmcp-testing enabled.

Core principles that always apply:

Tools must be atomic and composable — one function per tool, no overlapping tools with nuanced differences. Combine similar tools into one with input parameters.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about WebMCP

What else does qdhenry publish alongside WebMCP?
WebMCP is one of 14 skills that DirSkills catalogs from qdhenry/Claude-Command-Suite, the repository it ships in. Its siblings there include Audit Env Variables, BigCommerce API and Claude Code Skill Builder. Each one is a separate skill with its own page in this directory, installs the same way WebMCP does, and is maintained by qdhenry in that same repository. The rest of the collection is listed on the qdhenry/Claude-Command-Suite page.
How does WebMCP compare to other AI Engineering skills?
WebMCP ranks #1092 by stars among the 2451 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of WebMCP against them. Open each page to compare what they document and how they install.