MCP

The WEBDEVPACK MCP server connects your favorite AI client to our tools through the Model Context Protocol. Instead of switching tabs, you can ask your assistant to generate a QR code, minify CSS, convert a color, or look up DNS records, and it runs the tool for you.

Server URL:
https://mcp.webdevpack.com/

Access to the MCP server requires a paid plan. Usage is shared across the MCP server, the API, and the web interface.

Examples

  • Minify this CSS and tell me how much smaller it got.
  • Generate a QR code for https://example.com.
  • Check the MX and TXT records for example.com.
  • Convert #3498db to HSL and RGBA.
  • Remove duplicate lines from this list and sort it A–Z.
  • Take a screenshot of https://example.com.

Use in Claude (claude.ai and Claude Desktop)

  1. Open Settings → Connectors.
  2. Click Add custom connector.
  3. Enter the name WEBDEVPACK and the URL https://mcp.webdevpack.com/
  4. Click Add, then enable the connector in the chat’s tools menu.

Custom connectors may require a paid plan.

Use in Claude Code

Run in your terminal:
claude mcp add --transport http webdevpack https://mcp.webdevpack.com/

Use --scope user to make it available in all projects. Run /mcp inside Claude Code to check the connection.

Use in ChatGPT

  1. Go to Settings → Connectors → Advanced and turn on Developer mode.
  2. Click Create (or Add custom connector).
  3. Name it WEBDEVPACK and set the URL to https://mcp.webdevpack.com/
  4. Save, then select the connector in a new chat.

Availability depends on your plan and workspace settings.

Use in Cursor

Add this JSON to ~/.cursor/mcp.json (global) or .cursor/mcp.json (project):
{
  "mcpServers": {
    "webdevpack": {
      "url": "https://mcp.webdevpack.com/"
    }
  }
}

Then open Settings → MCP and make sure the server is toggled on.

Use in VS Code (GitHub Copilot)

Add this JSON to .vscode/mcp.json:
{
  "servers": {
    "webdevpack": {
      "type": "http",
      "url": "https://mcp.webdevpack.com/"
    }
  }
}

Open Copilot Chat in Agent mode, click the tools icon, and enable the WEBDEVPACK tools.

Use in other clients (stdio-only)

Some clients only support local servers. Use the mcp-remote bridge (requires Node.js):
{
  "mcpServers": {
    "webdevpack": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.webdevpack.com/"]
    }
  }
}

Troubleshooting

  • Tools don’t appear: Restart the client, or start a new chat after adding the server.
  • Connection error: Check that the URL is exactly https://mcp.webdevpack.com/, including https://.
  • Client doesn’t support remote servers: Use the mcp-remote method above.