WebMCP Declarative Forms FAQs

Question 1

How do I make a standard HTML form visible to an AI agent?

Accepted Answer

Simply add 'toolname' and 'tooldescription' attributes to your <form> tag. The browser automatically extracts the fields into a JSON Schema that agents can understand and invoke.

Question 2

Can I use this with modern SPAs like React or Vue?

Accepted Answer

Yes, it works with any framework that renders HTML forms, though it is especially valuable for quickly adding agent capabilities to legacy or server-rendered sites.

Question 3

What is the WebMCP Declarative API?

Accepted Answer

The WebMCP Declarative API is a specification that allows developers to expose web functionality to AI agents by adding specific attributes like 'toolname' and 'tooldescription' directly to HTML form elements.

Question 4

How does the browser handle required form fields?

Accepted Answer

Any input field marked with the standard HTML 'required' attribute is automatically added to the 'required' array in the generated JSON Schema, ensuring the agent provides necessary data.

Question 5

Do I need to write JavaScript to use WebMCP Declarative Forms?

Accepted Answer

No JavaScript is required for basic tool registration and extraction. However, you can use JavaScript to listen for the 'agentInvoked' property on submit events to handle agent submissions programmatically.

WebMCP Declarative Forms

主要功能

使用场景

ordercli Food Delivery Manager

Reverse Logistics & Returns Manager

Finance & Billing Operations