@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 CHANGED
@@ -1,8 +1,32 @@
1
- # @plankui/mcp
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
- An [MCP](https://modelcontextprotocol.io) server that gives AI coding agents the whole [PlankUI](https://plankui.com) library: every component's source, props and usage, the templates, and the setup files.
5
+ <h1 align="center">@plankui/mcp</h1>
4
6
 
5
- It runs on your machine over stdio. Nothing is hosted and there is nothing to sign up for.
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
- Setup for every client, with one-click installs for Cursor and VS Code: [plankui.com/docs/mcp](https://plankui.com/docs/mcp).
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
- Needs Node 18 or later. MIT licensed.
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.1",
4
- "description": "MCP server for PlankUI: gives AI coding agents every component's source, props, usage and the setup files.",
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
- "plankui"
33
- ]
38
+ "components",
39
+ "design-system",
40
+ "plankui",
41
+ "base-ui",
42
+ "radix-ui"
43
+ ],
44
+ "author": "Vector Labs (https://plankui.com)"
34
45
  }