WAB 웹 에이전트 브리지 - AI 에이전트용 오픈 소스 OS

The open AI↔Web protocol & agent platform. A standardized command interface, sovereign browser, phone shield, DNS discovery, agent mesh, and unified API gateway — with permissions, rate limiting, and full control for site owners. // Add the bridge to your website window.AIBridgeConfig = { licenseKey: "WAB-XXXXX-XXXXX", agentPermissions: { click: true, fillForms: true } }; A complete interface layer that makes websites AI-ready with security and control built in. Automatically detects buttons, forms, and navigation elements — generating precise CSS selectors and action descriptions for AI agents. Granular control over what AI agents can do. Enable clicking, form filling, API access, and more — each toggled independently. Unified window.AICommands interface that any AI agent can read and execute — no more DOM guessing. Built-in rate limiting prevents abuse. Configure max calls per minute to protect your site from aggressive automation. Track how AI agents interact with your site. See which actions are used most, success rates, and usage patterns. Register your own actions with custom handlers. Create complex workflows that AI agents can trigger with a single command. Automatically detects add-to-cart, checkout, booking, and reservation flows — mapping them to named actions agents can call directly. Reads schema.org JSON-LD and microdata (Products, Offers, Prices) and exposes them as queryable actions — zero manual setup. 7-strategy resilient element resolution. When the DOM changes, selectors auto-heal via ARIA, text similarity, and position heuristics. Optional consent banner gates agent actions behind user approval. SDK agents can check hasConsent() or waitForConsent() programmatically. Built-in SDK for Puppeteer and Playwright: runPipeline() , executeParallel() , screenshot() , and consent-aware workflows. Standard WebDriver BiDi protocol support via window.__wab_bidi — compatible with any automation framework that speaks the standard. Agents communicate, learn, and orchestrate autonomously — zero external LLM dependency. Your private fortress now has a distributed intelligence layer. A premium 4-panel workspace for non-technical users — search, negotiate, and buy with AI assistance. Available in Arabic & English with multilingual agent support. Get your website ready for AI agents in minutes, not days. Include the bridge script in your HTML with your configuration. Set permissions, restrictions, and your license key. Use the dashboard to fine-tune which actions AI agents can perform. Block sensitive areas and set rate limits. AI agents read window.AICommands , discover available actions, and execute them precisely — no DOM scraping needed. // 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: "[email protected]", message: "Hello from AI!" }); // Wait for dynamic content await bridge.waitForElement(".success-message"); Start free, upgrade when you need advanced features. Open source forever. Official packages for React, Vue, Svelte, and LangChain — with full TypeScript support. @web-agent-bridge/react Hooks: useWAB , useWABAction , useWABActions + WABProvider for auto-loading the script. const { run, result } = useWABAction('addToCart'); await run({ sku: 'ABC123' }); @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 @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} Use WAB with LangChain, MCP, or build your own agent — every action becomes a tool the LLM can call. @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 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 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]); Ready-to-use examples for popular platforms — see how WAB fits into your stack. React Server Components + WABProvider for client-side bridge with useWABAction hooks. Hydrogen storefront with cart actions: getCartCount , addFirstVisibleProductToCart . Elementor page builder + WAB schema scanner for auto-discovered product and form actions. Notion-style SaaS with KPI reads, customer lookup, and invoice workflow triggers. Headless browser agent that discovers and executes actions automatically via the SDK. Natural language intent resolution — "add product to cart" maps to the right WAB action. From link protection widgets to AI safety layers, bounty networks to threat intelligence — everything you need to build a safer, fairer web. 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. Like credit agencies rate banks, WAB Score rates digital platforms. Search any platform and get a transparency score based on 15 fairness signals. WAB Data Marketplace provides curated threat intelligence datasets for cybersecurity companies and AI model training. 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. WAB Affiliate Intelligence analyzes your affiliate data and compares it with industry benchmarks to detect commission shaving, cookie stuffing, and payment delays. Analyze Your Networks →Everything added recently is listed here with direct links, so teams and users can immediately open what they need.