WebMCP
Agent-ready form
Semantic forms that people and browser agents can fill together.
Installation
Terminal
bunx shadcn@latest add https://ui.fabrials.com/r/webmcp-form.jsonAPI
| 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 & compatibility
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
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 fully keyboard operable.