🚀 Open Source · React · Vue · Svelte · LangChain

Bridge the Gap Between
AI Agents & Websites

An open-source middleware script that gives AI agents a standardized command interface to interact with any website — with permissions, rate limiting, and full control for site owners.

// Add the bridge to your website
<script>
  window.AIBridgeConfig = {
    licenseKey: "WAB-XXXXX-XXXXX",
    agentPermissions: { click: true, fillForms: true }
  };
</script>
<script src="/script/ai-agent-bridge.js"></script>
Features

Everything AI Agents Need

A complete interface layer that makes websites AI-ready with security and control built in.

🎯

Auto-Discovery

Automatically detects buttons, forms, and navigation elements — generating precise CSS selectors and action descriptions for AI agents.

🔐

Permission System

Granular control over what AI agents can do. Enable clicking, form filling, API access, and more — each toggled independently.

Standardized Commands

Unified window.AICommands interface that any AI agent can read and execute — no more DOM guessing.

🛡️

Rate Limiting

Built-in rate limiting prevents abuse. Configure max calls per minute to protect your site from aggressive automation.

📊

Analytics Dashboard

Track how AI agents interact with your site. See which actions are used most, success rates, and usage patterns.

🔌

Custom Actions

Register your own actions with custom handlers. Create complex workflows that AI agents can trigger with a single command.

🛒

Commerce & Booking Intents

Automatically detects add-to-cart, checkout, booking, and reservation flows — mapping them to named actions agents can call directly.

📦

Structured Data Scanning

Reads schema.org JSON-LD and microdata (Products, Offers, Prices) and exposes them as queryable actions — zero manual setup.

🩹

Self-Healing Selectors

7-strategy resilient element resolution. When the DOM changes, selectors auto-heal via ARIA, text similarity, and position heuristics.

🔏

GDPR / CCPA Consent

Optional consent banner gates agent actions behind user approval. SDK agents can check hasConsent() or waitForConsent() programmatically.

🤖

Agent SDK

Built-in SDK for Puppeteer and Playwright: runPipeline(), executeParallel(), screenshot(), and consent-aware workflows.

🌐

WebDriver BiDi

Standard WebDriver BiDi protocol support via window.__wab_bidi — compatible with any automation framework that speaks the standard.

v2.0 — Digital Fortress

Internet Sovereignty Features

WAB v2.0 goes beyond bridging — it protects users with negotiation, verification, and decentralized trust.

💰

Real-time Negotiation Engine

AI agents negotiate prices directly with WAB-enabled sites. Site owners define negotiation rules (bulk discounts, loyalty rewards, time-based offers). Agents submit counter-offers in multi-round sessions — no middleman, no hidden fees.

  • 8 condition types (bulk, loyalty, time, first-buy...)
  • 4 discount types (percentage, fixed, free shipping, bundle)
  • Multi-round negotiation with counter-offers
  • Savings tracking per agent
🛡️

Anti-Hallucination Shield

Cross-verification engine that catches AI lies before they reach users. Compares DOM values against vision screenshots, validates prices against market benchmarks, and checks temporal consistency across sessions.

  • DOM vs Vision verification
  • Market benchmark price validation
  • Temporal consistency checks
  • Text similarity scoring (Levenshtein)

Decentralized Reputation

Agents and sites build trust through cryptographic attestations. Every interaction gets scored — purchase success, data accuracy, delivery fulfillment. Scores are aggregated into transparent reputation profiles visible to all agents.

  • Trust attestations from agent network
  • Weighted scoring by interaction type
  • Trust levels: emerging → verified → exemplary
  • Global leaderboard
🏰

Sovereign Dashboard

A real-time command center showing your digital fortress status — protected sites, fairness radar, privacy shield, negotiation logs, and verification checks all in one beautiful dark-mode dashboard.

  • Live fairness radar with safety scoring
  • Privacy shield metrics
  • AI model switcher (Llama, GPT-4, Claude...)
  • Protected sites table with trust levels
📦

Community Agent Hub

Pre-built YAML agent templates for common use cases — hotel booking, grocery comparison, artisan marketplace, flight deals. Run any template with a single CLI command: npx wab-agent run template.yaml.

  • 11 production-ready templates
  • CLI runner with variable substitution
  • Fairness rules built into every template
  • Supports negotiation + verification
🌐

Cross-Site Agent Orchestration

One agent manages multiple WAB-enabled sites simultaneously. Compare prices across stores, aggregate product data, run parallel actions — all from a single WABMultiAgent instance in the SDK.

  • Parallel multi-site browser sessions
  • comparePrices() with cheapest-deal finder
  • Schema.org + WAB action price extraction
  • Cross-site screenshots for vision verification
🔄

AI Brain Swapping

WAB is the bridge — the AI model is your choice. Switch between Llama 3, GPT-4, Claude, Gemini, Mistral, or run fully local with Ollama. Your data, your model, your sovereignty.

  • 6 supported AI engines
  • Local-first with Ollama support
  • Hot-swap without reconfiguration
  • Your data never leaves your machine
Open Sovereign Dashboard
v2.3 — Distributed Mind

Private Agent Mesh

Agents communicate, learn, and orchestrate autonomously — zero external LLM dependency. Your private fortress now has a distributed intelligence layer.

🕸️

Inter-Agent Protocol

Agents communicate through a private mesh — sharing discoveries, broadcasting alerts, and exchanging tactics in real-time. 5 built-in channels: alerts, discoveries, tactics, negotiations, votes.

  • Real-time agent-to-agent messaging
  • Shared knowledge base with confidence scoring
  • Priority-based message routing
  • Auto-expiring messages with TTL
🧠

Local Reinforcement Learning

Agents learn from every user decision — accepted, rejected, or modified. Multi-armed bandit action selection, gradient-descent policy updates, and behavioral pattern mining. All local, zero tokens consumed.

  • UCB1 multi-armed bandit for action selection
  • Sigmoid prediction with gradient descent
  • Behavioral sequence pattern mining
  • Bayesian confidence estimation
🎼

Symphony Orchestrator

Four specialized agents (Researcher, Analyst, Negotiator, Guardian) collaborate autonomously through rule-based engines. No external AI needed — the symphony runs entirely on local heuristics and learned preferences.

  • 5 templates: purchase, price comparison, negotiation, exploration, audit
  • 6-phase pipeline: compose → discover → analyze → negotiate → guard → decide
  • Guardian veto for safety-critical decisions
  • Weighted consensus with agreement scoring
Open Agent Mesh Dashboard
v2.5 — Agent Workspace

Smart Agent Workspace

A premium 4-panel workspace for non-technical users — search, negotiate, and buy with AI assistance. Available in Arabic & English with multilingual agent support.

🌐

Embedded Browser

Full browser panel with URL bar, navigation controls, and secure iframe rendering. The agent opens pages, loads deals, and navigates sites — all visible in real-time.

  • Address bar with SSL indicator
  • Back, forward, refresh controls
  • Maximize any panel to full screen
🤖

Smart Agent Chat

Chat with the AI agent in any language — Arabic, English, French, Turkish, or mix them all. The agent understands your intent from any style, dialect, or slang.

  • Suggestion chips for quick start
  • Multilingual — responds in your language
  • Clarifying questions for precise results
📊

Negotiation Monitor

Watch the agent work in real-time — step-by-step progress tracking, per-agent status cards, and live negotiation rounds with savings details.

  • Multi-step progress visualization
  • Per-agent cards with progress bars
  • Negotiation round-by-round log
🏆

Results & Actions

Compare offers ranked by value with savings percentages, one-click deal links, and an "Agent Do It" button that lets the AI complete the purchase for you.

  • Deal cards with price comparison
  • One-click \"Open Deal\" links
  • \"Agent Do It\" auto-completion
🌍

Bilingual UI (AR/EN)

Full Arabic and English interface with auto-detection from browser language. Toggle instantly between languages with complete RTL/LTR layout support.

  • 100+ translated UI strings
  • Auto-detect browser language
  • RTL ↔ LTR with one click
💎

Subscription Plans

Free tier (5 tasks/day), Starter, Pro (unlimited + advanced negotiation), and Enterprise plans. Admin dashboard for managing users, deals, and analytics.

  • Free, Starter, Pro, Enterprise
  • Usage tracking with daily limits
  • Admin management panel
🛡️

Dynamic Pricing Shield

Detects when websites manipulate prices based on your device, location, cookies, or browsing history. The agent probes with 12 distinct identities to expose hidden pricing and find the lowest price invisible to normal users.

  • 12 identity personas (device, geo, referral, privacy)
  • Statistical variance & z-score outlier detection
  • Manipulation scoring with actionable tips
  • Historical price-trend analysis
Open Agent Workspace
How It Works

Three Steps to AI-Ready

Get your website ready for AI agents in minutes, not days.

1️⃣

Add the Script

Include the bridge script in your HTML with your configuration. Set permissions, restrictions, and your license key.

2️⃣

Configure Permissions

Use the dashboard to fine-tune which actions AI agents can perform. Block sensitive areas and set rate limits.

3️⃣

AI Agents Connect

AI agents read window.AICommands, discover available actions, and execute them precisely — no DOM scraping needed.

JavaScript — AI Agent Side
// AI Agent reads available commands
const bridge = window.AICommands;

// Discover all available actions
const actions = bridge.getActions();
console.log(actions);
// → [{ name: "signup", trigger: "click", ... }, ...]

// Execute a form fill action
const result = await bridge.execute("fill_contact_form", {
  name: "John Doe",
  email: "john@example.com",
  message: "Hello from AI!"
});

// Wait for dynamic content
await bridge.waitForElement(".success-message");
Pricing

Simple, Transparent Pricing

Start free, upgrade when you need advanced features. Open source forever.

Free
$0 /mo
Perfect for personal projects and experimentation.
  • Auto-discovery of actions
  • Click & scroll permissions
  • Rate limiting (60/min)
  • Basic logging
  • 1 site
  • Form filling
  • API access
  • Analytics dashboard
Get Started Free
Enterprise
Custom
Custom solutions for large-scale deployments.
  • Everything in Pro
  • Unlimited sites
  • Custom rate limits
  • Webhook integrations
  • SSO / SAML
  • Dedicated support
  • SLA guarantee
  • Custom development
Contact Sales
Packages

Use WAB with Your Favorite Framework

Official packages for React, Vue, Svelte, and LangChain — with full TypeScript support.

⚛️

React

@web-agent-bridge/react

Hooks: useWAB, useWABAction, useWABActions + WABProvider for auto-loading the script.

const { run, result } = useWABAction('addToCart');
await run({ sku: 'ABC123' });
💚

Vue 3

@web-agent-bridge/vue

Composables: useWAB, useWABAction, useWABActions — reactive refs with loading/error/result state.

const cart = useWABAction('addToCart');
await cart.run({ sku: 'ABC123' });
// cart.result.value, cart.loading.value
🔥

Svelte

@web-agent-bridge/svelte

Stores: createWAB, createWABAction — subscribe to $store for reactive state.

const cart = createWABAction('addToCart');
await cart.run({ sku: 'ABC123' });
// {#if $cart.loading}Adding...{/if}
Agent Integrations

Connect Any AI Agent Framework

Use WAB with LangChain, MCP, or build your own agent — every action becomes a tool the LLM can call.

🦜

LangChain / LangGraph

@web-agent-bridge/langchain

WABToolkit wraps every WAB action as a LangChain StructuredTool. Works in HTTP mode (server) or browser mode (Puppeteer).

const tk = new WABToolkit({ siteUrl: 'https://shop.example.com' });
const tools = await tk.getTools();
// Pass tools to any LangChain agent
🔗

MCP Adapter

wab-mcp-adapter

Converts WAB actions into MCP tools so any MCP-compatible agent (Claude, etc.) can interact with WAB sites through MCP.

const adapter = new WABMCPAdapter({ siteUrl: '...' });
const tools = adapter.listTools();
// Built-in: discover, execute, read, search
🧰

Agent SDK

web-agent-bridge/sdk

First-class Puppeteer/Playwright SDK with pipeline execution, parallel actions, screenshot capture, and consent-aware workflows.

const agent = new WABAgent(page);
await agent.waitForConsent();
await agent.runPipeline([...steps]);
Examples

Framework & CMS Integration Examples

Ready-to-use examples for popular platforms — see how WAB fits into your stack.

Next.js App Router

React Server Components + WABProvider for client-side bridge with useWABAction hooks.

🛍️

Shopify Hydrogen

Hydrogen storefront with cart actions: getCartCount, addFirstVisibleProductToCart.

📝

WordPress + Elementor

Elementor page builder + WAB schema scanner for auto-discovered product and form actions.

📊

SaaS Dashboard

Notion-style SaaS with KPI reads, customer lookup, and invoice workflow triggers.

🤖

Puppeteer Agent

Headless browser agent that discovers and executes actions automatically via the SDK.

👁️

Vision Agent

Natural language intent resolution — "add product to cart" maps to the right WAB action.

View All Examples on GitHub →
WAB Growth Suite v2.5

8 Modules to Protect & Power the Web

From link protection widgets to AI safety layers, bounty networks to threat intelligence — everything you need to build a safer, fairer web.

🛡️
WAB Widget
Drop-in link protection
🤖
AI Safety Layer
Security for AI agents
📊
WAB Score
Platform credit rating
💰
Bounty Network
Earn by finding scams
Explore All 8 Modules →

One Line of Code. Full Link Protection.

Add a WAB Widget next to every external link on your site, blocking phishing and scam URLs in real-time for your visitors.

<script src="https://webagentbridge.com/script/ai-agent-bridge.js"
        data-wab-key="YOUR_API_KEY"></script>
See Widget Demo Get Your API Key →
FOR AI COMPANIES

Mandatory Safety for AI Agents

Building an AI agent that browses the web? Use WAB AI Safety Layer as a mandatory security wrapper. It scans every URL before your agent visits it.

  • ✅ Compatible with OpenAI Operator & Anthropic Computer Use
  • ✅ Blocks fraudulent financial transactions automatically
  • ✅ Lifts legal liability from your company
Read AI Safety Docs →
import { WABAgentWrapper } from '@wab/sdk';

// Wrap your AI Agent with WAB Safety
const safeAgent = new WABAgentWrapper(myAgent, {
  blockCritical: true,
  minFairness: 60,
});

// WAB will block this if the site is a scam
await safeAgent.browse('https://scam-site.xyz');
→ WABBlockedError: Phishing detected

The Digital World's Credit Rating

Like credit agencies rate banks, WAB Score rates digital platforms. Search any platform and get a transparency score based on 15 fairness signals.

A-
Very Good
86/100 · amazon.com
C+
Below Average
68/100 · aliexpress.com

The Open Trust Protocol

Prove to your customers that your store is fair and safe. Add a wab.json file to your site and print a verified trust badge — the SSL padlock for platform fairness.

Learn how to get WAB Certified →
// /.well-known/wab.json
{
  "wab_certified": true,
  "fairness_score": 92,
  "last_audit": "2026-04-01"
}
💰

Earn Money by Discovering Fraud

Join the WAB Bounty Network and report phishing, scams, and malware that automated systems haven't caught yet. Earn credits redeemable for cash.

50 Credits
Critical Threats
25 Credits
Confirmed Scams
Start Earning →

Threat Intelligence for AI & Security

WAB Data Marketplace provides curated threat intelligence datasets for cybersecurity companies and AI model training.

Threat Intelligence Feed

Real-time phishing, malware, and scam URL data from 47 databases. Updated continuously.

Explore Data →

Platform Fairness Data

Quarterly transparency scores for 500+ marketplaces — hidden fees, return policies, dark patterns.

Explore Data →

Affiliate Intelligence

Commission benchmarks, fraud patterns, and network reliability scores across all major affiliate platforms.

Explore Data →

Email Protection

94% of cyber breaches start with a phishing email. Install the WAB extension and every link and sender in your inbox gets scanned by WAB automatically.

🌐 Chrome Extension 🦊 Firefox Add-on
🚫 WAB Security Alert: Dangerous link detected
PHISHING DETECTED — paypa1-secure-login.xyz scored 95/100 risk

Are Affiliate Networks Stealing Your Commissions?

WAB Affiliate Intelligence analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment delays.

Network
ClickBank
Fraud Risk
MEDIUM
⚠️ Commission Shaving: 12% of valid sales cancelled
⚠️ Payment Delays: Average 45 days vs industry 30
Analyze Your Networks →

Ready to Make Your Site AI-Ready?

Join the open-source movement that's bridging the gap between AI agents and the web.

Create Free Account ⭐ Star on GitHub View Documentation