@epilot/volt-ui-mcp 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +7 -3
- package/package.json +2 -2
- package/registry.json +4807 -1227
- package/README.md +0 -186
package/README.md
DELETED
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
# Volt UI MCP Server
|
|
2
|
-
|
|
3
|
-
An MCP (Model Context Protocol) server that exposes Volt UI components, props, documentation, and design tokens to AI assistants.
|
|
4
|
-
|
|
5
|
-
## Features
|
|
6
|
-
|
|
7
|
-
- **Component Discovery**: List and search all Volt UI components
|
|
8
|
-
- **Props & Documentation**: Get detailed component props, descriptions, and usage examples
|
|
9
|
-
- **Design Tokens**: Access CSS variables, semantic colors, and theming information
|
|
10
|
-
- **Theme Support**: Light and dark theme token values
|
|
11
|
-
|
|
12
|
-
## Available Tools
|
|
13
|
-
|
|
14
|
-
| Tool | Description |
|
|
15
|
-
|------|-------------|
|
|
16
|
-
| `list_components` | List all available Volt UI components |
|
|
17
|
-
| `get_component` | Get detailed information about a specific component |
|
|
18
|
-
| `search_components` | Search components by name, description, or props |
|
|
19
|
-
| `list_tokens` | List design tokens with optional filtering |
|
|
20
|
-
| `get_token` | Get details for a specific design token |
|
|
21
|
-
| `search_tokens` | Search tokens by name or value |
|
|
22
|
-
|
|
23
|
-
## Setup Instructions
|
|
24
|
-
|
|
25
|
-
### Claude Desktop
|
|
26
|
-
|
|
27
|
-
Add the following to your Claude Desktop configuration file:
|
|
28
|
-
|
|
29
|
-
**macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json`
|
|
30
|
-
**Windows**: `%APPDATA%\Claude\claude_desktop_config.json`
|
|
31
|
-
|
|
32
|
-
```json
|
|
33
|
-
{
|
|
34
|
-
"mcpServers": {
|
|
35
|
-
"volt-ui": {
|
|
36
|
-
"command": "npx",
|
|
37
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
```
|
|
42
|
-
|
|
43
|
-
### Claude Code (VS Code Extension)
|
|
44
|
-
|
|
45
|
-
Add to your VS Code settings or project's `.vscode/mcp.json`:
|
|
46
|
-
|
|
47
|
-
```json
|
|
48
|
-
{
|
|
49
|
-
"mcpServers": {
|
|
50
|
-
"volt-ui": {
|
|
51
|
-
"command": "npx",
|
|
52
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
Or add to `~/.claude/settings.json` for global access:
|
|
59
|
-
|
|
60
|
-
```json
|
|
61
|
-
{
|
|
62
|
-
"mcpServers": {
|
|
63
|
-
"volt-ui": {
|
|
64
|
-
"command": "npx",
|
|
65
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
```
|
|
70
|
-
|
|
71
|
-
### Cursor
|
|
72
|
-
|
|
73
|
-
Add to your Cursor MCP configuration (`.cursor/mcp.json` in your project or global settings):
|
|
74
|
-
|
|
75
|
-
```json
|
|
76
|
-
{
|
|
77
|
-
"mcpServers": {
|
|
78
|
-
"volt-ui": {
|
|
79
|
-
"command": "npx",
|
|
80
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
### Windsurf
|
|
87
|
-
|
|
88
|
-
Add to your Windsurf MCP configuration:
|
|
89
|
-
|
|
90
|
-
```json
|
|
91
|
-
{
|
|
92
|
-
"mcpServers": {
|
|
93
|
-
"volt-ui": {
|
|
94
|
-
"command": "npx",
|
|
95
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
### GitHub Copilot (VS Code)
|
|
102
|
-
|
|
103
|
-
Add to your VS Code `settings.json`:
|
|
104
|
-
|
|
105
|
-
```json
|
|
106
|
-
{
|
|
107
|
-
"github.copilot.chat.mcpServers": {
|
|
108
|
-
"volt-ui": {
|
|
109
|
-
"command": "npx",
|
|
110
|
-
"args": ["-y", "@epilot/volt-ui-mcp"]
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
```
|
|
115
|
-
|
|
116
|
-
### Local Development (Testing)
|
|
117
|
-
|
|
118
|
-
For testing during development, point to the local path:
|
|
119
|
-
|
|
120
|
-
```json
|
|
121
|
-
{
|
|
122
|
-
"mcpServers": {
|
|
123
|
-
"volt-ui": {
|
|
124
|
-
"command": "node",
|
|
125
|
-
"args": ["/path/to/volt-ui/tools/volt-ui-mcp/index.js"]
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
## Usage Examples
|
|
132
|
-
|
|
133
|
-
Once configured, you can ask your AI assistant questions like:
|
|
134
|
-
|
|
135
|
-
- "What props does the Button component accept?"
|
|
136
|
-
- "Show me how to use the Dialog component"
|
|
137
|
-
- "What are the available color tokens in Volt UI?"
|
|
138
|
-
- "How do I set up dark mode?"
|
|
139
|
-
- "Search for components with loading states"
|
|
140
|
-
|
|
141
|
-
## For Maintainers
|
|
142
|
-
|
|
143
|
-
### Building the Registry
|
|
144
|
-
|
|
145
|
-
The registry is automatically built during `npm publish` via the `prepack` script. To manually rebuild:
|
|
146
|
-
|
|
147
|
-
```bash
|
|
148
|
-
# From the volt-ui repo root
|
|
149
|
-
bun run build:mcp
|
|
150
|
-
```
|
|
151
|
-
|
|
152
|
-
This parses:
|
|
153
|
-
- Component exports from `src/index.ts`
|
|
154
|
-
- Documentation from `docs/content/docs/components/*.mdx`
|
|
155
|
-
- Design tokens from `src/styles/*.css`
|
|
156
|
-
|
|
157
|
-
### Publishing
|
|
158
|
-
|
|
159
|
-
```bash
|
|
160
|
-
cd tools/volt-ui-mcp
|
|
161
|
-
npm publish
|
|
162
|
-
```
|
|
163
|
-
|
|
164
|
-
The `prepack` script automatically runs `build:mcp` to ensure the registry is up-to-date.
|
|
165
|
-
|
|
166
|
-
### Versioning
|
|
167
|
-
|
|
168
|
-
Update the version in `package.json` before publishing:
|
|
169
|
-
|
|
170
|
-
```bash
|
|
171
|
-
cd tools/volt-ui-mcp
|
|
172
|
-
npm version patch # or minor, major
|
|
173
|
-
npm publish
|
|
174
|
-
```
|
|
175
|
-
|
|
176
|
-
## Resources
|
|
177
|
-
|
|
178
|
-
The server also exposes MCP resources:
|
|
179
|
-
|
|
180
|
-
| URI | Description |
|
|
181
|
-
|-----|-------------|
|
|
182
|
-
| `volt-ui://components` | List of all components |
|
|
183
|
-
| `volt-ui://tokens` | List of all design tokens |
|
|
184
|
-
| `volt-ui://components/{name}` | Specific component details |
|
|
185
|
-
| `volt-ui://tokens/{name}` | Specific token details |
|
|
186
|
-
|