draw2agent 1.3.4 → 2.0.0
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 +1 -2
- package/dist/index.js +346 -49
- package/dist/index.js.map +1 -1
- package/overlay/dist/draw2agent-overlay.js +216 -216
- package/package.json +10 -3
- package/prompts/agent-ipad-instructions.txt +12 -0
- package/prompts/agent-scratch-instructions.txt +11 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "draw2agent",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"mcpName": "io.github.zero-abd/draw2agent",
|
|
5
5
|
"description": "Draw on your website, let your AI agent see it. Visual context for code generation via MCP.",
|
|
6
6
|
"type": "module",
|
|
@@ -33,18 +33,25 @@
|
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@modelcontextprotocol/sdk": "^1.0.0",
|
|
35
35
|
"http-proxy": "^1.18.1",
|
|
36
|
-
"
|
|
36
|
+
"localtunnel": "^2.0.2",
|
|
37
|
+
"open": "^10.1.0",
|
|
38
|
+
"qrcode": "^1.5.4"
|
|
37
39
|
},
|
|
38
40
|
"devDependencies": {
|
|
39
41
|
"@types/http-proxy": "^1.17.14",
|
|
42
|
+
"@types/localtunnel": "^2.0.4",
|
|
40
43
|
"@types/node": "^22.0.0",
|
|
44
|
+
"@types/qrcode": "^1.5.6",
|
|
41
45
|
"tsup": "^8.0.0",
|
|
42
46
|
"typescript": "^5.5.0"
|
|
43
47
|
},
|
|
48
|
+
"overrides": {
|
|
49
|
+
"axios": "1.7.9"
|
|
50
|
+
},
|
|
44
51
|
"files": [
|
|
45
52
|
"dist",
|
|
46
53
|
"overlay/dist",
|
|
47
54
|
"bin",
|
|
48
55
|
"prompts"
|
|
49
56
|
]
|
|
50
|
-
}
|
|
57
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
You are receiving a screenshot of a user's web application. The user drew annotations (circles, arrows, or text) from their iPad or mobile device over specific elements to indicate desired changes.
|
|
2
|
+
|
|
3
|
+
Please analyze the provided screenshot:
|
|
4
|
+
1. Identify the drawn annotations.
|
|
5
|
+
2. Determine which UI elements they are pointing to or circling.
|
|
6
|
+
3. Understand the implied request (e.g., modifying text, moving an element, changing colors, resizing).
|
|
7
|
+
4. Implement the requested UI changes in the corresponding codebase.
|
|
8
|
+
|
|
9
|
+
Do not explain the image to the user. Simply write the code or commands necessary to enact the indicated visual changes and then give a walkthrough.
|
|
10
|
+
|
|
11
|
+
5. IMPORTANT: Once you have fully implemented my requested changes, you MUST immediately call the `launch_ipad_canvas` tool again without asking me.
|
|
12
|
+
This creates an infinite loop where you stand by and wait for my next set of changes. Do not say goodbye or say you are waiting. Just call the tool!
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
You are receiving a freehand sketch or wireframe drawn by the user on a blank whiteboard canvas. This is not an annotation on an existing page — it is a from-scratch design.
|
|
2
|
+
|
|
3
|
+
Please analyze the provided drawing:
|
|
4
|
+
1. Identify the UI elements, layout structure, and any text labels in the sketch.
|
|
5
|
+
2. Determine what kind of page or component the user is trying to create.
|
|
6
|
+
3. Implement the design as faithfully as possible in code, using your best judgment for spacing, colors, and typography.
|
|
7
|
+
|
|
8
|
+
Do not explain the image to the user. Simply write the code necessary to build what they sketched and then give a walkthrough.
|
|
9
|
+
|
|
10
|
+
4. IMPORTANT: Once you have fully implemented the sketched design, you MUST immediately call the `launch_scratch` tool again without asking me.
|
|
11
|
+
This creates an infinite loop where you stand by and wait for my next sketch. Do not say goodbye or say you are waiting. Just call the tool!
|