feat(design-to-code): Add Penpot MCP server options

- penpot-plugin: Official Penpot MCP via browser plugin (mcp-remote)
- penpot: Context-based penpot-mcp via uvx

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: aRustyDev

.claude-plugin/marketplace.json

@@ -114,7 +114,7 @@
       "name": "design-to-code",
       "source": "./context/plugins/design-to-code",
       "description": "Bridge design tools and code generation, enabling seamless translation of design files into production-ready UI code across multiple frameworks.",
-      "version": "0.1.4",
+      "version": "0.1.5",
       "author": {
         "name": "Adam Smith",
         "email": "developer@gh.arusty.dev"

context/plugins/design-to-code/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "design-to-code",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Bridge design tools and code generation, enabling seamless translation of design files into production-ready UI code across multiple frameworks.",
   "author": {
     "name": "Adam Smith",

context/plugins/design-to-code/.mcp.json

@@ -4,11 +4,18 @@
       "command": "npx",
       "args": ["-y", "mcp-remote", "http://localhost:31126/mcp", "--allow-http"]
     },
+    "penpot-plugin": {
+      "command": "npx",
+      "args": ["-y", "mcp-remote", "http://localhost:4401/mcp", "--allow-http"],
+      "_comment": "Official Penpot MCP - requires: 1) clone penpot/penpot repo, 2) cd mcp && npm run bootstrap, 3) browser plugin connected"
+    },
     "penpot": {
-      "command": "node",
-      "args": ["${HOME}/.local/share/penpot-mcp/dist/index.js"],
+      "command": "uvx",
+      "args": ["penpot-mcp"],
       "env": {
-        "PENPOT_MCP_PORT": "4401"
+        "PENPOT_API_URL": "http://localhost:9001/api",
+        "PENPOT_USERNAME": "demo@example.com",
+        "PENPOT_PASSWORD": "123123123"
       }
     },
     "iconify": {