webMCP is an AI web interaction optimization toolkit that reduces token usage by 67.6% on average while maintaining response quality. It provides tools for JavaScript, Python, React, and WordPress.

How much can I save with webMCP?

webMCP typically reduces AI token usage by 65-75%, resulting in significant cost savings. Our case studies show savings of $15K+ per month for high-volume applications.

Which AI models does webMCP support?

webMCP supports all major AI models including GPT-4, GPT-4o, Claude 3.5 Sonnet, Gemini Pro, and more. It automatically optimizes for your target model.

CLI Reference

Complete command-line interface reference for webMCP. Process, validate, and optimize web content for AI consumption with powerful CLI tools. Now includes React components, WordPress plugin integration, and multi-platform deployment options.

Installation

npm install -g @webmcp/cli

npm install @webmcp/react

npx @webmcp/cli --help

webmcp --version

Available Commands

Complete reference for all webMCP CLI commands

webmcp scan

Scan HTML files or URLs to generate webMCP configurations

Syntax

webmcp scan <input> [options]

Options

Option	Type	Default	Description
--output, -o	string	auto	Output file for webMCP configuration
--format, -f	string	wmcp	Output format (json or wmcp)
--url	string		Page URL for context metadata
--verbose	boolean	false	Enable detailed output

Examples

webmcp scan login.html --output login.wmcp --verbose

webmcp scan https://example.com/signup --format json --output signup.json

webmcp scan form.html --url https://mysite.com/contact --verbose

webmcp validate

Validate webMCP configuration files against schema and best practices

Syntax

webmcp validate <file> [options]

Options

Option	Type	Default	Description
--schema	string	0.2	Schema version to validate against
--strict	boolean	false	Enable strict validation mode
--json	boolean	false	Output results in JSON format

Examples

webmcp validate page.wmcp

webmcp validate page.wmcp --schema 0.2 --strict

webmcp validate page.wmcp --json > validation-report.json

webmcp optimize

Optimize webMCP configurations for AI model consumption

Syntax

webmcp optimize <file> [options]

Options

Option	Type	Default	Description
--target, -t	string	gpt-4o	Target AI model
--level, -l	string	advanced	Compression level
--output, -o	string		Output file for optimization
--goal	string		Goal description for AI prompt

Examples

webmcp optimize page.wmcp --target gpt-4o --level advanced

webmcp optimize login.wmcp --goal "Login with username and password" --output login-prompt.txt

webmcp optimize form.wmcp --target claude-3.5-sonnet --level premium --output optimized-form.json

webmcp lint

Lint webMCP files for best practices and code quality

Syntax

webmcp lint <pattern> [options]

Options

Option	Type	Default	Description
--fix	boolean	false	Automatically fix issues where possible
--config	string		Custom linter configuration file

Examples

webmcp lint page.wmcp

webmcp lint "src/**/*.wmcp" --fix

webmcp lint "*.wmcp" --config .webmcp-lint.json

webmcp dev-server

alias: dev

Start development server with webMCP processing capabilities

Syntax

webmcp dev-server [options]

Options

Option	Type	Default	Description
--port, -p	number	3000	Server port
--watch	boolean	false	Watch for file changes
--open	boolean	false	Open browser automatically

Examples

webmcp dev-server

webmcp dev-server --port 8080 --open

webmcp dev-server --watch

webmcp benchmark

Premium

Benchmark webMCP performance across AI models (Premium feature)

Syntax

webmcp benchmark <file> [options]

Options

Option	Type	Default	Description
--models	string	gpt-4o,claude-3.5-sonnet	Models to test (comma-separated)
--iterations	number	10	Number of test iterations
--detailed	boolean	false	Show detailed metrics

Examples

webmcp benchmark page.wmcp

webmcp benchmark page.wmcp --models gpt-4o,claude-3.5-sonnet,gpt-4 --iterations 100

webmcp benchmark page.wmcp --detailed

webmcp react

Generate React components with webMCP optimization

Syntax

webmcp react <component-name> [options]

Options

Option	Type	Default	Description
--type	string	form	Component type (form, input, button)
--output	string	./	Output directory
--typescript	boolean	true	Generate TypeScript component

Examples

webmcp react ContactForm --type form

webmcp react SmartInput --type input --output ./components

webmcp react OptimizedButton --typescript

webmcp wordpress

Generate WordPress plugin files and configurations

Syntax

webmcp wordpress <plugin-name> [options]

Options

Option	Type	Default	Description
--forms	string	cf7,gravity,wpforms	Form plugins to integrate
--output	string	./wp-plugin	Plugin output directory
--premium	boolean	false	Include premium features

Examples

webmcp wordpress webmcp-optimizer

webmcp wordpress my-plugin --forms cf7,wpforms --premium

webmcp wordpress site-optimizer --output ./plugins

Supported AI Models

gpt-4o

gpt-4

gpt-3.5-turbo

claude-3.5-sonnet

claude-3-haiku

claude-3-opus

gemini-pro

gemini-pro-vision

gemini-1.5-pro

gemini-1.5-flash

Compression Levels

basic

30-40%

Simple element filtering (free)

advanced

50-70%

Context-aware optimization (free)

premium

70-85%

Model-specific tuning (premium)

Environment Variables

DEBUGfalse

Enable debug logging

WEBMCP_API_KEYunset

API key for premium features

WEBMCP_CACHE_DIR~/.webmcp/cache

Cache directory location

Global Options

--help, -h

Show command help

--version, -V

Show version number

Performance Characteristics

HTML Scanning:~100ms for 1,000 elements

Validation:~10ms average

Optimization:~50ms average

Linting:~25ms average

Troubleshooting

Common issues and solutions

File Not Found

ls -la page.wmcp
chmod 644 page.wmcp
webmcp validate ./page.wmcp

Invalid JSON

cat page.wmcp | jq .
# or
python -m json.tool page.wmcp

Port Already in Use

lsof -ti:3000 | xargs kill -9
# or use different port
webmcp dev-server --port 8080

Permission Denied

chmod 755 /usr/local/bin/webmcp
# or reinstall globally
npm install -g @webmcp/cli --force