claude-monet-mcp 1.0.0 → 1.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 +2 -2
- package/package.json +15 -6
- package/server.js +4 -2
package/README.md
CHANGED
|
@@ -82,7 +82,7 @@ pnpm run build
|
|
|
82
82
|
pnpm start
|
|
83
83
|
```
|
|
84
84
|
|
|
85
|
-
The web interface will be available at `http://localhost:
|
|
85
|
+
The web interface will be available at `http://localhost:51423`
|
|
86
86
|
|
|
87
87
|
### Configure MCP
|
|
88
88
|
|
|
@@ -104,7 +104,7 @@ Add to your MCP settings:
|
|
|
104
104
|
## Usage
|
|
105
105
|
|
|
106
106
|
1. **Start the server** - Run `pnpm start` or use `npx claude-monet-mcp`
|
|
107
|
-
2. **Open the canvas** - Navigate to `http://localhost:
|
|
107
|
+
2. **Open the canvas** - Navigate to `http://localhost:51423` in your browser
|
|
108
108
|
3. **Draw your idea** - Use Excalidraw tools to sketch rectangles, circles, arrows, text, or freehand
|
|
109
109
|
4. **Ask Claude** - "Can you see my sketch? What do you think?"
|
|
110
110
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "claude-monet-mcp",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "MCP server that gives Claude 'eyes' - sketch in Excalidraw, Claude reads the SVG",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "server.js",
|
|
@@ -15,20 +15,29 @@
|
|
|
15
15
|
"dev": "vite",
|
|
16
16
|
"build": "vite build",
|
|
17
17
|
"start": "node server.js",
|
|
18
|
-
"dev:full": "pnpm run build && pnpm start"
|
|
18
|
+
"dev:full": "pnpm run build && pnpm start",
|
|
19
|
+
"release": "release-it"
|
|
19
20
|
},
|
|
20
|
-
"keywords": [
|
|
21
|
+
"keywords": [
|
|
22
|
+
"mcp",
|
|
23
|
+
"excalidraw",
|
|
24
|
+
"sketch",
|
|
25
|
+
"visual-input",
|
|
26
|
+
"claude"
|
|
27
|
+
],
|
|
21
28
|
"author": "",
|
|
22
29
|
"license": "MIT",
|
|
23
30
|
"dependencies": {
|
|
24
|
-
"@modelcontextprotocol/sdk": "^1.0.0",
|
|
25
31
|
"@excalidraw/excalidraw": "^0.18.0",
|
|
32
|
+
"@modelcontextprotocol/sdk": "^1.0.0",
|
|
26
33
|
"express": "^4.18.0",
|
|
34
|
+
"open": "^11.0.0",
|
|
27
35
|
"react": "^18.0.0",
|
|
28
36
|
"react-dom": "^18.0.0"
|
|
29
37
|
},
|
|
30
38
|
"devDependencies": {
|
|
31
|
-
"
|
|
32
|
-
"
|
|
39
|
+
"@vitejs/plugin-react": "^4.0.0",
|
|
40
|
+
"release-it": "^19.2.3",
|
|
41
|
+
"vite": "^5.0.0"
|
|
33
42
|
}
|
|
34
43
|
}
|
package/server.js
CHANGED
|
@@ -5,6 +5,7 @@ import { ListToolsRequestSchema, CallToolRequestSchema } from '@modelcontextprot
|
|
|
5
5
|
import express from 'express';
|
|
6
6
|
import { fileURLToPath } from 'url';
|
|
7
7
|
import { dirname, join } from 'path';
|
|
8
|
+
import open from 'open';
|
|
8
9
|
|
|
9
10
|
const __filename = fileURLToPath(import.meta.url);
|
|
10
11
|
const __dirname = dirname(__filename);
|
|
@@ -93,10 +94,11 @@ app.post('/api/svg', (req, res) => {
|
|
|
93
94
|
});
|
|
94
95
|
|
|
95
96
|
// Start Express server
|
|
96
|
-
const PORT =
|
|
97
|
-
app.listen(PORT, () => {
|
|
97
|
+
const PORT = 51423;
|
|
98
|
+
app.listen(PORT, async () => {
|
|
98
99
|
console.log(`Web interface running at http://localhost:${PORT}`);
|
|
99
100
|
console.log('MCP server running on stdio');
|
|
101
|
+
await open(`http://localhost:${PORT}`);
|
|
100
102
|
});
|
|
101
103
|
|
|
102
104
|
// Start MCP server on stdio
|