@plankui/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/README.md +96 -7
- package/package.json +16 -5
- package/registry.json +1 -1
- package/server.mjs +18 -11
package/README.md
CHANGED
|
@@ -1,8 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
<p align="center">
|
|
2
|
+
<a href="https://plankui.com/docs/mcp"><img src="https://plankui.com/logo.svg" width="64" height="64" alt="PlankUI" /></a>
|
|
3
|
+
</p>
|
|
2
4
|
|
|
3
|
-
|
|
5
|
+
<h1 align="center">@plankui/mcp</h1>
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
<p align="center">
|
|
8
|
+
The <a href="https://plankui.com">PlankUI</a> MCP server. Your AI coding agent gets the real source, props and usage<br />
|
|
9
|
+
of every component, so it builds with PlankUI instead of guessing.
|
|
10
|
+
</p>
|
|
11
|
+
|
|
12
|
+
<p align="center">
|
|
13
|
+
<a href="https://www.npmjs.com/package/@plankui/mcp"><img src="https://img.shields.io/npm/v/@plankui/mcp?style=flat-square&color=2f6bff&label=npm" alt="npm version" /></a>
|
|
14
|
+
<a href="https://www.npmjs.com/package/@plankui/mcp"><img src="https://img.shields.io/npm/dm/@plankui/mcp?style=flat-square&color=2f6bff" alt="Downloads a month" /></a>
|
|
15
|
+
<a href="https://github.com/VectorLabsHQ/plankui"><img src="https://img.shields.io/github/stars/VectorLabsHQ/plankui?style=flat-square&color=2f6bff&logo=github" alt="GitHub stars" /></a>
|
|
16
|
+
<a href="https://modelcontextprotocol.io"><img src="https://img.shields.io/badge/MCP-stdio-2f6bff?style=flat-square" alt="MCP over stdio" /></a>
|
|
17
|
+
<a href="https://github.com/VectorLabsHQ/plankui/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@plankui/mcp?style=flat-square&color=2f6bff" alt="MIT licence" /></a>
|
|
18
|
+
</p>
|
|
19
|
+
|
|
20
|
+
<p align="center">
|
|
21
|
+
<a href="https://plankui.com">Website</a> ·
|
|
22
|
+
<a href="https://plankui.com/docs/mcp">MCP docs</a> ·
|
|
23
|
+
<a href="https://plankui.com/docs/components">Components</a> ·
|
|
24
|
+
<a href="https://www.npmjs.com/package/plankui">CLI</a>
|
|
25
|
+
</p>
|
|
26
|
+
|
|
27
|
+
<p align="center">
|
|
28
|
+
<a href="https://plankui.com/docs/mcp"><img src="https://plankui.com/readme/components-dark.jpg" alt="PlankUI components in dark mode: charts, forms, a command menu, navigation and toggles" /></a>
|
|
29
|
+
</p>
|
|
6
30
|
|
|
7
31
|
## Add it to your agent
|
|
8
32
|
|
|
@@ -22,21 +46,86 @@ claude mcp add plankui -- npx -y @plankui/mcp
|
|
|
22
46
|
}
|
|
23
47
|
```
|
|
24
48
|
|
|
25
|
-
|
|
49
|
+
<details>
|
|
50
|
+
<summary><b>VS Code</b></summary>
|
|
51
|
+
|
|
52
|
+
In `.vscode/mcp.json`:
|
|
53
|
+
|
|
54
|
+
```json
|
|
55
|
+
{
|
|
56
|
+
"servers": {
|
|
57
|
+
"plankui": { "type": "stdio", "command": "npx", "args": ["-y", "@plankui/mcp"] }
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
</details>
|
|
63
|
+
|
|
64
|
+
<details>
|
|
65
|
+
<summary><b>Codex</b></summary>
|
|
66
|
+
|
|
67
|
+
In `~/.codex/config.toml`:
|
|
68
|
+
|
|
69
|
+
```toml
|
|
70
|
+
[mcp_servers.plankui]
|
|
71
|
+
command = "npx"
|
|
72
|
+
args = ["-y", "@plankui/mcp"]
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
</details>
|
|
76
|
+
|
|
77
|
+
<details>
|
|
78
|
+
<summary><b>Zed</b></summary>
|
|
79
|
+
|
|
80
|
+
In your Zed settings:
|
|
81
|
+
|
|
82
|
+
```json
|
|
83
|
+
{
|
|
84
|
+
"context_servers": {
|
|
85
|
+
"plankui": { "source": "custom", "command": "npx", "args": ["-y", "@plankui/mcp"] }
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
</details>
|
|
91
|
+
|
|
92
|
+
One-click installs for Cursor and VS Code, and setup for every client: [plankui.com/docs/mcp](https://plankui.com/docs/mcp).
|
|
26
93
|
|
|
27
94
|
Tools load when a session starts, so restart the client or open a new chat after adding the server.
|
|
28
95
|
|
|
96
|
+
## Then just ask
|
|
97
|
+
|
|
98
|
+
> Build a settings page with PlankUI: tabs for Profile and Billing, a form with a select and a switch, and a confirm dialog before deleting the account.
|
|
99
|
+
|
|
100
|
+
> Which PlankUI component should I use for picking one option from a short list?
|
|
101
|
+
|
|
102
|
+
> Set up PlankUI in this project with the Ember theme and the Keycap style.
|
|
103
|
+
|
|
104
|
+
> Add a PlankUI select and dialog using Base UI.
|
|
105
|
+
|
|
106
|
+
The agent looks components up, reads their real source and props, and writes code that matches the library, including the right install commands.
|
|
107
|
+
|
|
29
108
|
## Tools
|
|
30
109
|
|
|
31
110
|
| Tool | Returns |
|
|
32
111
|
| --- | --- |
|
|
33
112
|
| `list_components` | Every component with its slug, category and one line on what it does |
|
|
34
113
|
| `search_components` | Components that match an intent, such as "confirm dialog" |
|
|
35
|
-
| `get_component` | Install command, full source of every file it needs, usage and props |
|
|
36
|
-
| `get_component_usage` | Usage and props only |
|
|
114
|
+
| `get_component` | Install command, full source of every file it needs, usage and props. Pass `primitives: "base"` for the Base UI version |
|
|
115
|
+
| `get_component_usage` | Usage and props only (same `primitives` option) |
|
|
37
116
|
| `list_templates` | Every template |
|
|
38
117
|
| `get_template` | A template's full source |
|
|
39
118
|
| `get_setup` | The tokens, styles and `cn` helper every project needs |
|
|
40
119
|
| `get_theming` | Themes, styles, accents and how to change them |
|
|
41
120
|
|
|
42
|
-
|
|
121
|
+
## Private by design
|
|
122
|
+
|
|
123
|
+
The server runs on your machine over stdio and reads a registry bundled in the package. Nothing is hosted, nothing is sent anywhere and there is nothing to sign up for.
|
|
124
|
+
|
|
125
|
+
## Requirements
|
|
126
|
+
|
|
127
|
+
Node 18 or later and any client that speaks MCP.
|
|
128
|
+
|
|
129
|
+
## Licence
|
|
130
|
+
|
|
131
|
+
MIT. Made by [Vector Labs](https://github.com/VectorLabsHQ).
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plankui/mcp",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "MCP server for PlankUI: gives AI
|
|
3
|
+
"version": "0.1.3",
|
|
4
|
+
"description": "MCP server for PlankUI: gives Cursor, Claude Code, VS Code, Codex and other AI agents the real source, props and usage of every component.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"bin": {
|
|
7
7
|
"plank-mcp": "server.mjs"
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"node": ">=18"
|
|
16
16
|
},
|
|
17
17
|
"license": "MIT",
|
|
18
|
-
"homepage": "https://plankui.com",
|
|
18
|
+
"homepage": "https://plankui.com/docs/mcp",
|
|
19
19
|
"repository": {
|
|
20
20
|
"type": "git",
|
|
21
21
|
"url": "git+https://github.com/VectorLabsHQ/plankui.git",
|
|
@@ -26,9 +26,20 @@
|
|
|
26
26
|
},
|
|
27
27
|
"keywords": [
|
|
28
28
|
"mcp",
|
|
29
|
+
"mcp-server",
|
|
29
30
|
"model-context-protocol",
|
|
31
|
+
"ai",
|
|
32
|
+
"cursor",
|
|
33
|
+
"claude-code",
|
|
34
|
+
"codex",
|
|
35
|
+
"vscode",
|
|
30
36
|
"react",
|
|
31
37
|
"tailwindcss",
|
|
32
|
-
"
|
|
33
|
-
|
|
38
|
+
"components",
|
|
39
|
+
"design-system",
|
|
40
|
+
"plankui",
|
|
41
|
+
"base-ui",
|
|
42
|
+
"radix-ui"
|
|
43
|
+
],
|
|
44
|
+
"author": "Vector Labs (https://plankui.com)"
|
|
34
45
|
}
|