Tool tree

demo.mcp-fe.ai

Developer ToolsTools verifiedOct 26, 2026

MCP-FE turns your browser into a queryable MCP server. Register custom tools in React components, track user events, and enable bidirectional communication between AI agents and your frontend.

page: `Every page`

get_form_stateAnswer

Get the current state of all form fields in the registration form

View tool JSON

{
  "name": "get_form_state",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get the current state of all form fields in the registration form",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {},
    "additionalProperties": false
  },
  "page": "/"
}

submit_formSensitive Action

Validate and submit the registration form. Returns validation errors if form is invalid, or success message if form was submitted.

View tool JSON

{
  "name": "submit_form",
  "kind": "transact",
  "impl": "imperative",
  "description": "Validate and submit the registration form. Returns validation errors if form is invalid, or success message if form was submitted.",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {},
    "additionalProperties": false
  },
  "page": "/"
}

get_form_completionAnswer

Get form completion progress including which fields are filled

View tool JSON

{
  "name": "get_form_completion",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get form completion progress including which fields are filled",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {},
    "additionalProperties": false
  },
  "page": "/"
}

get_field_infoAnswer

Get detailed information about a specific form field

View tool JSON

{
  "name": "get_field_info",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get detailed information about a specific form field",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {
      "fieldName": {
        "type": "string",
        "enum": [
          "firstName",
          "lastName",
          "email",
          "age",
          "country",
          "newsletter",
          "plan",
          "message"
        ]
      }
    },
    "required": [
      "fieldName"
    ],
    "additionalProperties": false
  },
  "page": "/"
}

validate_formAction

Run validation on the current form state and return all errors

View tool JSON

{
  "name": "validate_form",
  "kind": "act",
  "impl": "imperative",
  "description": "Run validation on the current form state and return all errors",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {},
    "additionalProperties": false
  },
  "page": "/"
}

get_form_analyticsAnswer

Get analytics and statistics about the form state

View tool JSON

{
  "name": "get_form_analytics",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get analytics and statistics about the form state",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {},
    "additionalProperties": false
  },
  "page": "/"
}

fill_fieldAction

Fill a specific form field with a value.

View tool JSON

{
  "name": "fill_field",
  "kind": "act",
  "impl": "imperative",
  "description": "Fill a specific form field with a value.",
  "inputSchema": {
    "$schema": "https://json-schema.org/draft/2020-12/schema",
    "type": "object",
    "properties": {
      "fieldName": {
        "type": "string",
        "enum": [
          "firstName",
          "lastName",
          "email",
          "age",
          "country",
          "newsletter",
          "plan",
          "message"
        ]
      },
      "value": {
        "type": "string",
        "description": "For country use strictly values 'cz', 'us', 'uk', 'ca', 'de', 'fr' or 'other'"
      }
    },
    "required": [
      "fieldName",
      "value"
    ],
    "additionalProperties": false
  },
  "page": "/"
}

get_users_table_dataAnswer

Get all users from the data table with their current filters and sorting applied

View tool JSON

{
  "name": "get_users_table_data",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get all users from the data table with their current filters and sorting applied",
  "inputSchema": {
    "type": "object",
    "properties": {
      "includeFilters": {
        "type": "boolean",
        "description": "Include current filter information",
        "default": false
      }
    }
  },
  "page": "/"
}

get_users_table_statsAnswer

Get statistics about users in the data table (counts by role, status, etc.)

View tool JSON

{
  "name": "get_users_table_stats",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get statistics about users in the data table (counts by role, status, etc.)",
  "inputSchema": {
    "type": "object",
    "properties": {}
  },
  "page": "/"
}

search_users_tableAnswer

Search users in the data table by name or email

View tool JSON

{
  "name": "search_users_table",
  "kind": "answer",
  "impl": "imperative",
  "description": "Search users in the data table by name or email",
  "inputSchema": {
    "type": "object",
    "properties": {
      "query": {
        "type": "string",
        "description": "Search query to filter users by name or email"
      },
      "role": {
        "type": "string",
        "description": "Filter by role (Admin, User, Editor)",
        "enum": [
          "Admin",
          "User",
          "Editor"
        ]
      },
      "status": {
        "type": "string",
        "description": "Filter by status",
        "enum": [
          "active",
          "inactive",
          "pending"
        ]
      }
    },
    "required": [
      "query"
    ]
  },
  "page": "/"
}

get_selected_usersAnswer

Get the list of currently selected users in the data table

View tool JSON

{
  "name": "get_selected_users",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get the list of currently selected users in the data table",
  "inputSchema": {
    "type": "object",
    "properties": {}
  },
  "page": "/"
}

app_navigateAction

List available routes or navigate to a path in the app. Call without "path" to get the list of routes and current path; call with "path" to navigate to that route.

View tool JSON

{
  "name": "app_navigate",
  "kind": "act",
  "impl": "imperative",
  "description": "List available routes or navigate to a path in the app. Call without \"path\" to get the list of routes and current path; call with \"path\" to navigate to that route.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "path": {
        "type": "string",
        "description": "Path to navigate to (e.g. /, /forms, /data-table, /navigation). Omit to list available routes."
      }
    }
  },
  "page": "/"
}

page: Every page

page: `Every page`