webMCP

Quick Start

Get started with webMCP in under 5 minutes. Reduce your AI token costs by 67.6% while maintaining response quality. Now includes React components, WordPress plugin, and multi-platform integrations.

⚡ Super Quick Start

Start the full demo with React components, WordPress plugin, and premium services

./run-simple.sh

This starts all services plus React demo and WordPress plugin examples

Step-by-Step CLI Setup

Basic webMCP CLI usage for processing HTML files

1

Installation

Install webMCP CLI and React components

npm install -g @webmcp/cli && npm install @webmcp/react

💡 For React projects, also install @webmcp/react for AI-optimized components

2

Scan HTML

Generate webMCP from your HTML

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

💡 Use --format json for JSON output instead of .wmcp format

3

Validate Configuration

Ensure your webMCP follows best practices

webmcp validate login.wmcp --strict

💡 Strict mode enforces all validation rules

4

Optimize for AI

Reduce token usage by 67.6% on average

webmcp optimize login.wmcp --target gpt-4o --goal "Login with credentials"

💡 Supports GPT-4, Claude, Gemini and other major models

5

Use React Components

Add AI-optimized components to your React app

import { WebMCPForm, WebMCPInput } from "@webmcp/react"

💡 Components include real-time AI suggestions and analytics

Premium Features Demo

Experience the full webMCP premium features with real backend functionality

🎯 What You Get

@webmcp/pro

67.6% token reduction

@webmcp/ai-pro

Multi-model AI with failover

@webmcp/analytics

Real-time monitoring

@webmcp/enterprise

RBAC and security

🔧 Management Commands

./run-simple.sh statusCheck service status
./run-simple.sh logsView service logs
./run-simple.sh testTest all endpoints
./run-simple.sh stopStop all services
./run-simple.sh cleanComplete cleanup

📊 Expected Results

All 6 containers running healthy
Demo page loads with premium features shown
Grafana shows monitoring dashboards
Metrics endpoint returns Prometheus data
Health check returns JSON status
Real backend APIs responding correctly

🛠️ Troubleshooting

Docker Issues

Make sure Docker is running: docker info

Service Not Ready

Wait 30 seconds and check: ./run-simple.sh status

Port Conflicts

Stop and clean: ./run-simple.sh clean

Permission Issues

Make executable: chmod +x run-simple.sh

🎉 Success Indicators

🎉 webMCP Premium Features Demo Ready!

📊 Access URLs:
  🌐 Demo App:       http://localhost:3000
  💚 Health Check:   http://localhost:3000/health
  📈 Metrics:        http://localhost:3000/metrics
  📊 Grafana:        http://localhost:3002

Your setup is working when you see this message! 🎯