60-Second Judge Quickstart: OpenDoor Access features 1-Click Judge Persona Tours mounted directly at the top of the live portal (https://aesthetic-chebakia-a2278a.netlify.app):

  1. Senior Citizen Flow: Checks obligations -> translates "gross income" into plain language -> prepares and confirms water bill payment.
  2. Single Parent Flow: Renews Food Assistance (SNAP) for 1 year -> splits payments -> schedules caseworker appointment.
  3. Safety Net Undo: Reverses accidental actions with instant undo rollback.

Or test via ChatGPT in-app browser or Chrome 149+ with #enable-webmcp-testing by asking: "Pay my overdue water bill from savings and summarize what else I owe."

==================================================

  1. Why this use case is a strong fit for WebMCP Standard public service portals (benefits renewals, utility bill-pay, appointments) are a difficult obstacle course of 40+ form fields, 3 confusing pages, and dense legal jargon.

For individuals with low vision, motor tremors (Parkinson's, ALS), or cognitive fatigue from a disability, navigating these portals independently is a major barrier. Screen readers narrate the page structure, but they cannot complete the multi-step task.

WebMCP enables an agent-native web: exposing structured, typed tools directly in the user's browser session. Instead of screen-scraping or guessing selectors, an AI agent coordinates user intent reliably and securely.

  1. What humans and agents can do together
  2. Single Spoken Sentence Task Completion: A person asks "Renew my food assistance and pay my overdue water bill from savings" and the agent coordinates tools across benefits, accounts, and billers seamlessly.
  3. Shared Surface Collaboration: Every agent tool invocation updates the live high-contrast UI, announces politely to assistive technology (ARIA live regions), and logs to a transparent on-screen transcript. A user, caregiver, and agent all perceive the exact same state in real time.
  4. Bureaucratic Jargon Translation: The explain_this_form tool translates terms like "gross income", "attestation", and "recertification" into plain language before taking action.

  5. Two-Phase Commit Security and Safety Net

  6. Two-Phase Financial Safety: Money never moves on initial calls. pay_bill validates balances and returns a preview token. Only confirm_payment debits funds after explicit user approval.

  7. Undo Stack: Every action registers a reversible closure, giving users complete confidence to explore without fear of accidental transactions.

  8. Active Defense: The engine rejects overpayments, attempts to pay $0-balance bills, and overdrafts beyond available funds.

  9. How WebMCP is Implemented

  10. 9 Intent-Level Tools: pay_bill, confirm_payment, renew_benefit, find_and_book_appointment, summarize_my_obligations, explain_this_form, download_payment_receipt, export_appointment_to_calendar, and undo_last_action.

  11. Dual Integration: Uses imperative JavaScript registration via document.modelContext.registerTool() (with AbortController lifecycle cleanup) and declarative HTML attributes (data-webmcp-tool).

  12. Triple-Channel Accessibility: Politeness-separated live regions (status vs alert), opt-in Web Speech API queue, and WCAG AA/AAA contrast.

  13. Verification and Test Suite

  14. 61 Unit Tests (npm test): In-memory store logic, penny precision, ReDoS defense, 200-op fuzzing, and receipts/.ics exports.

  15. 41 Playwright E2E Tests (npm run test:e2e): Full WebMCP loop in real Chromium driving all 9 tools via navigator.modelContextTesting.

  16. 1 Production Smoke Test (npm run test:prod): Automated live verification against Netlify.

  17. Open Source: MIT License with clean, documented TypeScript codebase.

Built With

Share this project:

Updates

Submission history