Agents / WebMCP
Agent-ready form
Semantic forms that people and browser agents can fill together.
Registry
Installation
Add the registry entry to your app.
npx shadcn@latest add @fabrials/webmcp-formWithout the named registry, use the address:
https://ui.fabrials.com/r/webmcp-form.json
API reference
| Prop / export | Type | Description |
|---|---|---|
toolName | string | Unique declarative tool name. |
toolDescription | string | Explain the outcome of submitting this form. |
autoSubmit | boolean = false | Allow the agent to submit without a manual review. |
onExecute | (FormData, context) => Promise<unknown> | Shared submit handler and structured result. |
Behavior
Uses toolname/tooldescription HTML attributes and feature-detected SubmitEvent.respondWith. Use native named controls. Do not also register an imperative tool with the same name.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.