Server Configuration
Describes the environment variables required to run the server.
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Schema
Prompts
Interactive templates invoked by user choice
| Name | Description |
|---|---|
| init |
Resources
Contextual data attached and managed by the client
| Name | Description |
|---|---|
| screenshots |
Tools
Functions exposed to the LLM to take actions
| Name | Description |
|---|---|
| how-to-use | Description of how to use the server |
| get-hmr-events | Retrieves recent HMR events |
| start-browser | Launches a browser instance and navigates to the dev server |
| capture-screenshot | Captures a screenshot of the current page or a specific element. Stores the screenshot in the MCP resource system and returns a resource URI. If ENABLE_BASE64 environment variable is set to 'true', also includes base64 encoded image in the response. |
| get-element-properties | Retrieves properties and state information of a specific element |
| get-element-styles | Retrieves style information of a specific element |
| get-element-dimensions | Retrieves dimension and position information of a specific element |
| monitor-network | Monitors network requests in the browser for a specified duration |
| get-element-html | Retrieves the HTML content of a specific element and its children |
| get-console-logs | Retrieves console logs from the development server |
| execute-browser-commands | Executes a sequence of predefined browser commands safely. Available commands:
Note on coordinates: For all mouse-related commands (click, drag, etc.), coordinates are relative to the browser viewport where (0,0) is the top-left corner. X increases to the right, Y increases downward. Examples are available in the schema definition. |