skills.rest
WebMCP-org
WebMCP-orgOFFICIAL
Explore all skills by this author →
WebsiteGitHub

webmcp

Build, inject, and test MCP tools for websites with frontmatter-driven SKILL.md workflows.

69|17|Updated Aug 15, 2025
Search Tags:#automation#development#injection#tooling#browser#tools#webmcp
One-click install
npx skills add https://github.com/WebMCP-org/npm-packages --skill webmcp
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webmcp
Source: https://github.com/WebMCP-org/npm-packages/tree/main/skills/webmcp
Command: npx skills add https://github.com/WebMCP-org/npm-packages --skill webmcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill enables developers to rapidly build, inject, and test MCP tools across any website or web app, accelerating tool creation and iteration.

Core Features & Use Cases

  • Tool creation & injection: Define tools and deploy them into running apps for rapid prototyping.
  • Live testing & iteration: Verify behavior on actual pages and adjust tooling in real-time.
  • Distribution-ready packaging: Prepare site packages with tools and documentation for reuse across projects.

Quick Start

Inject a minimal tool into a target page using inject_webmcp_script with a small inline tool.

Frequently Asked Questions about webmcp

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create and inject MCP tools for a specific website?▼

You can package and distribute site-specific MCP tools by preparing distribution-ready packages with included documentation. This enables reuse of website tooling across multiple development projects.

What is the best way to test browser-based MCP tools on live apps?▼

The best way to test browser-based MCP tools on live apps is by injecting them into the target page and verifying behavior in real-time. This live testing workflow allows you to adjust tooling iteratively during development.

Does webmcp require a specific project structure to package site tools?▼

Packaging site tools uses a frontmatter-driven SKILL.md entry point and supports optional directories like scripts, references, and assets. This structure standardizes metadata extraction and deployment workflows for your tools.

Can I prepare distribution-ready packages for sites like Notion and GitHub?▼

Yes, you can prepare distribution-ready site packages with tools and documentation for sites like Notion and GitHub. This packaging process ensures your browser-based MCP tools are ready for reuse across projects.

Related Skills

Explore More Software Engineering Skills→
binan-makerbinan-maker

workflows

Automate lifecycle management of long-running application processes.

Community
Intermediate
Snowflake-LabsSnowflake-Labs
12

read-ors-configuration

A concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略

Official
Intermediate
tradertunantetradertunante

browser-testing-with-devtools

Inspect live web pages via Chrome DevTools MCP for UI debugging.

Community
Advanced
Weihong-LiuWeihong-Liu
6

web-clone

Clone websites from URLs using Playwright and LLM-driven code generation.

Community
Advanced