You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/docs/src/pages/guide/tooling/vuetify-mcp.md
+15-28Lines changed: 15 additions & 28 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -24,26 +24,26 @@ Vuetify MCP is a [Model Context Protocol](https://modelcontextprotocol.io/docs/g
24
24
25
25
## Quick Start
26
26
27
-
### Vuetify CLI (Recommended)
27
+
### Interactive Setup (Recommended)
28
28
29
-
Add MCP to existing projects with the [Vuetify CLI](/guide/tooling/vuetify-cli):
29
+
Auto-detects your IDE and configures the hosted MCP server automatically:
30
30
31
31
::: code-group no-filename
32
32
33
33
```bash pnpm
34
-
pnpm dlx @vuetify/cli add mcp
34
+
pnpm dlx @vuetify/mcp config --remote
35
35
```
36
36
37
37
```bash npm
38
-
npx @vuetify/cli add mcp
38
+
npx -y @vuetify/mcp config --remote
39
39
```
40
40
41
41
```bash yarn
42
-
yarn dlx @vuetify/cli add mcp
42
+
yarn dlx @vuetify/mcp config --remote
43
43
```
44
44
45
45
```bash bun
46
-
bunx @vuetify/cli add mcp
46
+
bunx @vuetify/mcp config --remote
47
47
```
48
48
49
49
:::
@@ -56,46 +56,33 @@ bunx @vuetify/cli add mcp
56
56
claude mcp add --transport http vuetify-mcp https://mcp.vuetifyjs.com/mcp
57
57
```
58
58
59
-
### Interactive Setup
59
+
### Vuetify CLI
60
60
61
-
Auto-detects your IDE and configures MCP automatically:
61
+
Add Vuetify AI rules and context to your project with the [Vuetify CLI](/guide/tooling/vuetify-cli):
62
62
63
63
::: code-group no-filename
64
64
65
65
```bash pnpm
66
-
# Hosted server (recommended)
67
-
pnpm dlx @vuetify/mcp config --remote
68
-
69
-
# Local server
70
-
pnpm dlx @vuetify/mcp config
66
+
pnpm dlx @vuetify/cli add mcp
71
67
```
72
68
73
69
```bash npm
74
-
# Hosted server (recommended)
75
-
npx -y @vuetify/mcp config --remote
76
-
77
-
# Local server
78
-
npx -y @vuetify/mcp config
70
+
npx @vuetify/cli add mcp
79
71
```
80
72
81
73
```bash yarn
82
-
# Hosted server (recommended)
83
-
yarn dlx @vuetify/mcp config --remote
84
-
85
-
# Local server
86
-
yarn dlx @vuetify/mcp config
74
+
yarn dlx @vuetify/cli add mcp
87
75
```
88
76
89
77
```bash bun
90
-
# Hosted server (recommended)
91
-
bunx @vuetify/mcp config --remote
92
-
93
-
# Local server
94
-
bunx @vuetify/mcp config
78
+
bunx @vuetify/cli add mcp
95
79
```
96
80
97
81
:::
98
82
83
+
> [!NOTE]
84
+
> The CLI `add mcp` command sets up [Ruler](https://github.com/intellectronica/ruler) project rules for AI context — it does not configure the MCP server connection. Use the interactive setup above to connect your IDE to the Vuetify MCP server.
85
+
99
86
### Local Server
100
87
101
88
Run locally for offline access or custom configuration:
0 commit comments