Open-Science Skill Creator
aipoch/open-science
Creates, revises, evaluates and publishes skills in the Open-Science app through its native host.skills composer, with optional test prompts and benchmarks.
Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs.
Install Webmcp
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install qdhenry/Claude-Command-Suite webmcp --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/webmcp .claude/skills/webmcp && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .claude/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcpType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install qdhenry/Claude-Command-Suite webmcp --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/webmcp .agents/skills/webmcp && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .agents/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install qdhenry/Claude-Command-Suite webmcp --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/webmcp .cursor/skills/webmcp && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .cursor/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/qdhenry/Claude-Command-Suite.git --path .claude/skills/webmcp--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install qdhenry/Claude-Command-Suite webmcp --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/webmcp .gemini/skills/webmcp && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .gemini/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install qdhenry/Claude-Command-Suite webmcpInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/webmcp .github/skills/webmcp && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .github/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install qdhenry/Claude-Command-Suite webmcp --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/qdhenry/Claude-Command-Suite.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/webmcp .opencode/skills/webmcp && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "webmcp" agent skill from https://github.com/qdhenry/Claude-Command-Suite/tree/main/.claude/skills/webmcp into .opencode/skills/webmcp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "webmcp", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
webmcp- GitHub stars
- 1.3k
- Token cost
- ~1.1k tokens
- SKILL.md length
- 458 words
- Files
- 15 (incl. references)
- Skills in repo
- 9
- Repo updated
- First seen
- Licence
- None found
At a glance
Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs.
- Works in 5 steps: Tools must be atomic and composable —… → Accept raw user input — tools should… → Validate in code, not schema — schema… → …
- Agent Workflows work in your project
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Webmcp is an agent skill from qdhenry/Claude-Command-Suite. Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs. Full lifecycle from setup through testing and optimization.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including reference files (for example `references/anti-patterns.md`, `references/declarative-api.md` and `references/events-and-css.md`).
It sits in Agent Workflows. It works with JavaScript. The repository describes itself as: Professional slash commands for Claude Code that provide structured workflows for software development tasks including code review, feature creation, security auditing, and…
When your agent uses it
- Agent Workflows work in your project
Example prompts
- “/webmcp”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- Tools must be atomic and composable — one function per tool, no overlapping tools with nuanced differences. Combine similar tools into one…
- Accept raw user input — tools should accept natural strings (e.g., "11:00") not computed values (e.g., minutes-from-midnight). Minimize…
- Validate in code, not schema — schema constraints are helpful but not guaranteed. Validate within execute functions and return descriptive…
- Update UI before returning — agents use UI state to verify execution. Ensure execute/submit logic updates visible state before resolving.
- Positive, verb-first descriptions — describe what the tool does and when to use it. Avoid negations. "Creates a calendar event for a…
What it can do on your machine
Read from SKILL.md and the folder at commit e89b2f0. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Webmcp loads about 1.1k tokens when it runs, and up to ~13k if it reads all its reference files. Until then it costs about 49 tokens; SKILL.md has 458 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 458 words (~1,064 tokens).
“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.”
- name
- webmcp
Files
SKILL.md and 14 other files (references) in .claude/skills/webmcp of qdhenry/Claude-Command-Suite.
- SKILL.md
- references/anti-patterns.md
- references/declarative-api.md
- references/events-and-css.md
- references/imperative-api.md
- references/testing.md
- references/tool-design.md
- templates/declarative-form.md
- templates/imperative-tool.md
- workflows/add-declarative-tool.md
- workflows/add-imperative-tool.md
- workflows/audit-webmcp.md
- workflows/debug-webmcp.md
- workflows/setup-webmcp.md
- workflows/test-webmcp.md
Open the folder on GitHubat commit e89b2f0
Compare with similar skills
Webmcp next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Webmcp this skillqdhenry/Claude-Command-Suite | 1.3k | — | ~1.1k | Automated safety check: Pass | None | |
| Open-Science Skill Creatoraipoch/open-science | 5.5k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | |
| Sync Public DocsCaldis/react-zmage | 946 | — | ~3.3k | Automated safety check: Pass | MIT | |
| AwslXhinLiang/awsl | 104 | — | ~687 | Automated safety check: Pass | Apache-2.0 | |
| Workflowsopenpi-dev/openpi | 171 | — | ~1k | Automated safety check: Pass | MIT | |
| Open Dynamic Workflowsxz1220/open-dynamic-workflows | 104 | — | ~2k | Automated safety check: Pass | MIT |
Similar skills
Sync Public Docs
Caldis/react-zmage
A skill your agent uses when modifying public API in packages/core (types/global.ts, types/default.ts, index.ts, or package.json exports field), adding/renaming/removing props, changing default…
Awsl
XhinLiang/awsl
Run Claude Code JavaScript Workflows through the awsl compatibility runtime.
Workflows
openpi-dev/openpi
Orchestrates multi-agent work with OpenPI's inline JavaScript Workflow DSL.
Open Dynamic Workflows
xz1220/open-dynamic-workflows
Write and run dynamic workflows: short JavaScript scripts in Claude Code's workflow dialect, run with the odw CLI outside the host agent's context, fanning subtasks out to coding-agent CLIs (Codex…
- Official
Dynamic Workflows
PostHog/code
How to write JavaScript workflow scripts for the workflow tool - fanning work out across many isolated subagents with agent(), parallel(), and pipeline(), then synthesizing one result.
More from qdhenry/Claude-Command-Suite
All 9 skills in this repoAudit Env Variables
qdhenry/Claude-Command-Suite
Analyze environment variables in JavaScript/TypeScript projects.
Elevenlabs Transcribe
qdhenry/Claude-Command-Suite
Transcribes audio/video files using ElevenLabs Scribe v2 API.
Extract Video Frames
qdhenry/Claude-Command-Suite
Extracts frames and timestamped audio segments from video files (GIF, MP4, MOV) at configurable intervals and stores them in a directory with a manifest file.
Bigcommerce API
qdhenry/Claude-Command-Suite
BigCommerce API expert for building integrations, apps, headless storefronts, and automations.
File Watcher
qdhenry/Claude-Command-Suite
Chokidar-based file watcher that triggers claude -p on changes.
Setup Agent Tail
qdhenry/Claude-Command-Suite
Configure agent-tail log aggregation for the current project.
Related
Works with
Categories
Questions about Webmcp
What does Webmcp do?
Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs. Webmcp is an agent skill from qdhenry/Claude-Command-Suite. Implement WebMCP in web projects — add browser-native structured tools for AI agents using imperative JS or declarative HTML APIs.
When should I use Webmcp?
Webmcp fits situations like: agent Workflows work in your project.
How do I install Webmcp in Claude Code?
Run `npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a claude-code`. Or copy the skill folder (.claude/skills/webmcp in qdhenry/Claude-Command-Suite) into .claude/skills/webmcp in your project. Claude Code loads it when a task matches its description.
How do I install Webmcp in Codex?
Run `npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a codex`. Or copy the skill folder (.claude/skills/webmcp in qdhenry/Claude-Command-Suite) into .agents/skills/webmcp in your project. Codex loads it when a task matches its description.
Can I use Webmcp in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add qdhenry/Claude-Command-Suite --skill webmcp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/webmcp, .gemini/skills/webmcp, .github/skills/webmcp and .opencode/skills/webmcp in your project.
What does Webmcp need to run?
SKILL.md names no scripts, command-line tools or credentials: Webmcp is instructions for the agent only.
Does Webmcp access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Webmcp safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Webmcp use?
No licence was found for Webmcp or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Webmcp use?
About 1.1k tokens (SKILL.md is roughly 4.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 12k tokens, read only when the agent opens those files.
What are the alternatives to Webmcp?
Skills that share tags, products or a category with Webmcp: Open-Science Skill Creator (aipoch/open-science, 5.5k stars), Sync Public Docs (Caldis/react-zmage, 946 stars), Awsl (XhinLiang/awsl, 104 stars) and Workflows (openpi-dev/openpi, 171 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Webmcp?
qdhenry (a GitHub user) maintains it in qdhenry/Claude-Command-Suite, which has 1,342 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on March 1, 2026.
Source: qdhenry/Claude-Command-Suite on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.