myoperator-mcp 0.0.1
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/README.md +104 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1303 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
# myOperator MCP Server
|
|
2
|
+
|
|
3
|
+
Model Context Protocol (MCP) server for the myOperator UI component library. Enables AI assistants like Claude, Cursor, and VSCode Copilot to access component metadata, examples, and design tokens.
|
|
4
|
+
|
|
5
|
+
## Available Tools
|
|
6
|
+
|
|
7
|
+
| Tool | Description |
|
|
8
|
+
|------|-------------|
|
|
9
|
+
| `list-components` | List all available components with descriptions |
|
|
10
|
+
| `get-component-metadata` | Get props, variants, dependencies for a component |
|
|
11
|
+
| `get-component-examples` | Get React code examples |
|
|
12
|
+
| `list-design-tokens` | List design tokens (colors, spacing, radius) |
|
|
13
|
+
| `get-component-accessibility` | Get accessibility guidelines |
|
|
14
|
+
|
|
15
|
+
## Installation
|
|
16
|
+
|
|
17
|
+
### For Cursor
|
|
18
|
+
|
|
19
|
+
Add to `~/.cursor/mcp.json`:
|
|
20
|
+
|
|
21
|
+
```json
|
|
22
|
+
{
|
|
23
|
+
"mcpServers": {
|
|
24
|
+
"myoperator": {
|
|
25
|
+
"command": "npx",
|
|
26
|
+
"args": ["myoperator-mcp"]
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### For Claude Code / Claude Desktop
|
|
33
|
+
|
|
34
|
+
Add to your Claude config:
|
|
35
|
+
|
|
36
|
+
```json
|
|
37
|
+
{
|
|
38
|
+
"mcpServers": {
|
|
39
|
+
"myoperator": {
|
|
40
|
+
"command": "npx",
|
|
41
|
+
"args": ["myoperator-mcp"]
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### For VSCode
|
|
48
|
+
|
|
49
|
+
Add to `.vscode/mcp.json`:
|
|
50
|
+
|
|
51
|
+
```json
|
|
52
|
+
{
|
|
53
|
+
"servers": {
|
|
54
|
+
"myoperator": {
|
|
55
|
+
"command": "npx",
|
|
56
|
+
"args": ["myoperator-mcp"]
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## Usage Examples
|
|
63
|
+
|
|
64
|
+
### Ask your AI assistant:
|
|
65
|
+
|
|
66
|
+
- "What components are available in myOperator UI?"
|
|
67
|
+
- "Show me how to use the Button component with loading state"
|
|
68
|
+
- "What props does the Table component accept?"
|
|
69
|
+
- "What are the accessibility requirements for the DropdownMenu?"
|
|
70
|
+
- "List all the color tokens in the design system"
|
|
71
|
+
|
|
72
|
+
## Components
|
|
73
|
+
|
|
74
|
+
The MCP server provides information for:
|
|
75
|
+
|
|
76
|
+
- **Button** - Customizable button with variants, sizes, and icons
|
|
77
|
+
- **Badge** - Status badges (active, failed, disabled)
|
|
78
|
+
- **Tag** - Event labels with optional bold prefix
|
|
79
|
+
- **Table** - Composable table with loading/empty states
|
|
80
|
+
- **DropdownMenu** - Radix-based dropdown with keyboard navigation
|
|
81
|
+
|
|
82
|
+
## Development
|
|
83
|
+
|
|
84
|
+
```bash
|
|
85
|
+
# Install dependencies
|
|
86
|
+
npm install
|
|
87
|
+
|
|
88
|
+
# Build
|
|
89
|
+
npm run build
|
|
90
|
+
|
|
91
|
+
# Watch mode
|
|
92
|
+
npm run dev
|
|
93
|
+
|
|
94
|
+
# Test locally
|
|
95
|
+
echo '{"jsonrpc":"2.0","method":"tools/list","id":1}' | node dist/index.js
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
## Publishing
|
|
99
|
+
|
|
100
|
+
```bash
|
|
101
|
+
npm publish
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
Then users can run via `npx myoperator-mcp`.
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
#!/usr/bin/env node
|