Package Exports

devtoolsonline-mcp
devtoolsonline-mcp/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (devtoolsonline-mcp) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

🧰 DevTools Online MCP

The official Model Context Protocol (MCP) server for DevTools Online.

Supercharge your AI assistants (Claude Desktop, Cursor, Zed, Windsurf) by empowering them with high-performance, local developer tools. No remote API calls, no cloud dependencies—just raw computational power exposed directly to your local AI.

✨ Why this MCP?

Over 120+ specialized frontend engineering utilities from devtoolsonline.dev are currently being ported to be completely native to your AI. With a single configuration line, your Agent learns exactly how to fix broken JSON, decode JWTs, generate strong passwords, parse epochs, and more perfectly on the first try.

🛠️ Available Tools

Tool Category	Available Methods	Description
Networking & Web	`url_parse`, `url_encode`, `url_decode`, `dns_lookup`, `cidr_calculator`	Parse endpoints, URL encoding, fetch DNS records, calculate CIDR ranges.
Data Formats	`json_repair`, `json_format`, `json_validate`	Fix broken API responses, prettify, check validity.
Encoding/Crypto	`base64_encode`, `base64_decode`, `jwt_decode`, `hash_generate`, `number_base_convert`	Encode base64, parse JWTs securely, hash text, and perform base conversions.
Generators	`uuid_generate`, `password_generate`, `slug_generate`	Provision secure IDs, secrets, and generate URL-friendly slugs on the fly.
Formatting & Utilities	`html_encode`, `html_decode`, `string_case`, `byte_convert`	Escape HTML tags safely, convert casing (camelCase, snake_case), format bytes.
Misc	`text_stats`, `lorem_ipsum`, `hex_to_rgb`, `rgb_to_hex`, `unix_timestamp`	Word counts, text placeholders, CSS color conversions, parse epochs.

(More tools are actively being ported from our 128+ Web Collection!)

⚙️ Quick Installation (For AI IDEs)

You never have to install this globally. You can bind devtoolsonline-mcp directly to your favorite agent dynamically using npx.

1. Cursor IDE Setup

Open Cursor Settings (Ctrl + Shift + J or Cmd + Shift + J).
Go to Features -> MCP Servers (Or Type 'MCP' in the search bar).
Click + Add new MCP server.
Set name: DevTools
Set Type: command
Set Command: npx -y devtoolsonline-mcp

2. Claude Desktop Setup

Modify your configuration file located at:

Windows: %APPDATA%\Claude\claude_desktop_config.json
Mac: ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "devtoolsonline": {
      "command": "npx",
      "args": ["-y", "devtoolsonline-mcp"]
    }
  }
}

3. VS Code (Cline / Roo Code) Setup

Open your global storage MCP Settings file (~/.vscode/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json):

{
  "mcpServers": {
    "devtoolsonline": {
      "command": "npx",
      "args": ["-y", "devtoolsonline-mcp"]
    }
  }
}

4. Zed Editor Setup

Open configuration (Ctrl + , / Cmd + ,) and set:

{
  "mcpServers": {
    "devtoolsonline": {
      "command": "npx",
      "args": ["-y", "devtoolsonline-mcp"]
    }
  }
}

💡 Prompting Examples

You do not need to call the MCP manually! Once properly configured, simply talk to the AI using Natural Language Prompts:

🐛 Syntax Fixing

"I have a python dictionary that I need in JSON format but it's super broken ({ "key": 'value', }). Use your JSON repair tool to fix it into a rigid schema structure."

🔐 Security & Auth Tokens

"Please decode this JWT token specifically tracking if the payload is expired or not."

⚙️ Time Conversions

"I have an epoch reading 1716334581231. Give me what standard time and date that aligns with."

🎨 Design Conversions

"Convert all the #FF5A2X HEX codes inside this React component into specific RGB object literals."

🤝 Community & Links

Web App: Built with logic powering devtoolsonline.dev.
Core Library NPM: Built on top of @devtoolsonline/core.
Issues/Requests: Please tweet or reach out if you'd like a specific tool ported to MCP.

Made with ❤️ for developers by developers. MIT License.