{{site}}-mcp

Inject and execute WebMCP scripts to register MCP-B tools on web pages.

69|17|Updated Aug 15, 2025
One-click install
npx skills add https://github.com/WebMCP-org/npm-packages --skill site-mcp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: {{site}}-mcp
Source: https://github.com/WebMCP-org/npm-packages/tree/main/templates/site-package
Command: npx skills add https://github.com/WebMCP-org/npm-packages --skill site-mcp

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a self-contained, in-browser framework to inject and register MCP-B tools on web pages, enabling seamless automation and interaction with modern web apps without leaving the browser context.

Core Features & Use Cases

  • In-browser tool injection and automatic registration with the MCP server, enabling dynamic tool availability on target sites.
  • Read/Write tool patterns that interact with DOM elements and page state to automate common web tasks.
  • Comprehensive reference API and workflows that support rapid automation development, testing, and integration with front-end apps.

Quick Start

  • Navigate to the target site: navigate_page({ url: "{{site_url}}" })
  • Inject the tools: inject_webmcp_script({ file_path: "./tools/src/{{site}}.ts" })
  • Confirm tools are registered: diff_webmcp_tools()

Frequently Asked Questions about {{site}}-mcp

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

FAQPage Schema
How do I inject and execute browser automation scripts on a target web page?

Browser automation scripts are injected and executed on target web pages by using a framework that automatically registers in-browser tools with the MCP server for dynamic availability. This enables seamless interaction with modern web apps without leaving the browser context.

What is in-browser tool registration for MCP browser automation?

In-browser tool registration is the process of automatically registering injected WebMCP scripts with the MCP server. It enables dynamic tool availability on target sites, allowing developers to build browser-based automation workflows for diverse web apps.

How do I automate DOM elements and page state using TypeScript browser tools?

You can automate DOM elements and page state by implementing Read/Write tool patterns using the provided TypeScript source. These patterns interact directly with the target web page to execute common web automation tasks.

Can I use browser automation tools for MCP-B integrations across diverse web apps?

Yes, you can use these browser automation tools for MCP-B integrations across diverse web apps. The framework provides a comprehensive reference API and workflows that support rapid automation development, testing, and integration with front-end applications.

What is the best way to verify if injected WebMCP tools are registered on the page?

The best way to verify registered WebMCP tools is to execute a diff command after injecting the TypeScript script. This confirms that the tools are successfully registered with the MCP server on the target web page.

Do I need external dependencies to run in-browser script injection for web automation?

No external dependencies are required to run in-browser script injection for web automation. The Skill provides a self-contained framework with a TypeScript source for tool implementations, enabling direct interaction with target web pages.