# rsbuild-plugin-vue-mcp

Source: https://glimind.com/server/npm%2Frsbuild-plugin-vue-mcp
Registry id: `npm/rsbuild-plugin-vue-mcp`
Status: unknown

## Install

```json
{
  "mcpServers": {
    "rsbuild-plugin-vue-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "rsbuild-plugin-vue-mcp"
      ]
    }
  }
}
```

Claude Code:

```sh
claude mcp add rsbuild-plugin-vue-mcp -- npx -y rsbuild-plugin-vue-mcp
```

## Tools (18)

- `cancel-pick-component`: Cancel the pick mode started by pick-component.
- `edit-component-state`: Edit a value inside a component's state (live, reactive).
- `edit-pinia-state`: Edit a value inside a Pinia store's state (live, reactive).
- `get-app-record-status`: Get the current DevTools App status (appRecords and activeAppRecord). Must be called first before any other tool.
- `get-component-bounds`: Get a component's bounding rect (x/y/width/height, plus viewport size and in-viewport flag).
- `get-component-dom`: Get the rendered DOM (outerHTML) of a component (truncated to 10000 chars).
- `get-component-render-code`: Get the compiled render function code of a component (truncated to 10000 chars).
- `get-component-state`: Get a component's state as JSON (data, props, computed, refs…).
- `get-component-tree`: Get the Vue component tree. The result is returned as a JSON text payload.
- `get-pinia-state`: Get a single Pinia store's state as JSON.
- `get-pinia-tree`: Get the Pinia store tree as JSON.
- `get-router-info`: Get the current Vue Router info as JSON (route, matched records, params, query…).
- `highlight-component`: Highlight a component on the page (auto-clears after 5s).
- `navigate-router`: Navigate the router (like router.push) and return the new route info. Requires vue-router.
- `open-component-in-editor`: Open the component's source file in the local editor via the dev server __open-in-editor endpoint (SFC only).
- `pick-component`: Enter pick mode: the user clicks a component on the page, then its id and name are returned (blocks until click, ~30s timeout).
- `scroll-to-component`: Scroll the page to bring a component into view.
- `toggle-app`: Toggle the activeAppRecord by its id. All operations on Components/Router/Pinia are based on the activeAppRecord.

Measured by Glimind (https://glimind.com): MCP handshake + tool list only, no tool is ever called. CC BY 4.0.