|
| 1 | +--- |
| 2 | +sidebar_label: DHTMLX MCP Server |
| 3 | +title: DHTMLX MCP Server |
| 4 | +description: "Connect AI coding assistants to DHTMLX documentation using the MCP server" |
| 5 | +--- |
| 6 | + |
| 7 | +# DHTMLX MCP Server |
| 8 | + |
| 9 | +AI coding assistants such as Claude, Cursor, or ChatGPT may produce outdated or inaccurate code when working with library-specific APIs. The DHTMLX MCP server addresses this by providing direct access to the current documentation and API reference. |
| 10 | + |
| 11 | +## What is MCP |
| 12 | + |
| 13 | +Model Context Protocol (MCP) is a standard for providing AI assistants with external context about specific tools and libraries. |
| 14 | + |
| 15 | +Large language models are trained on data up to a certain date and do not automatically reflect recent API changes or new features. The DHTMLX MCP server bridges this gap by exposing the full and up-to-date documentation through a RAG (Retrieval-Augmented Generation) system. |
| 16 | + |
| 17 | +**Server URL:** `https://docs.dhtmlx.com/mcp` |
| 18 | + |
| 19 | +:::note |
| 20 | +The DHTMLX MCP server is a shared service that covers all major DHTMLX products, not only Scheduler. Configuration instructions in this section apply regardless of which DHTMLX component you are working with. |
| 21 | +::: |
| 22 | + |
| 23 | +## Supported Products |
| 24 | + |
| 25 | +When connected, the AI tool can retrieve documentation, generate code snippets based on current APIs, and answer configuration questions for the following products: |
| 26 | + |
| 27 | +- Gantt |
| 28 | +- Scheduler |
| 29 | +- Suite (Grid, Form, TreeGrid, and more) |
| 30 | +- Kanban |
| 31 | +- Pivot |
| 32 | +- Spreadsheet |
| 33 | +- Diagram |
| 34 | +- RichText |
| 35 | + |
| 36 | +## Privacy |
| 37 | + |
| 38 | +The MCP server is a hosted service. It does not run locally and does not access your files. No personal information about users is stored. Queries may be logged for debugging and service improvement. For commercial options with strict no-logging policies, contact `info@dhtmlx.com`. |
| 39 | + |
| 40 | +## Setting Up |
| 41 | + |
| 42 | +Select your AI tool below and follow the corresponding instructions. |
| 43 | + |
| 44 | +### Claude Code |
| 45 | + |
| 46 | +The recommended way is through the CLI: |
| 47 | + |
| 48 | +```bash |
| 49 | +claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp |
| 50 | +``` |
| 51 | + |
| 52 | +Alternatively, add the following to your `mcp.json` manually: |
| 53 | + |
| 54 | +```json |
| 55 | +{ |
| 56 | + "mcpServers": { |
| 57 | + "dhtmlx-mcp": { |
| 58 | + "type": "http", |
| 59 | + "url": "https://docs.dhtmlx.com/mcp" |
| 60 | + } |
| 61 | + } |
| 62 | +} |
| 63 | +``` |
| 64 | + |
| 65 | +### Cursor |
| 66 | + |
| 67 | +1. Open Settings (Cmd+Shift+J on Mac, Ctrl+Shift+J on Windows/Linux) |
| 68 | +2. Go to **Tools & MCP** |
| 69 | +3. Click **Add Custom MCP** |
| 70 | +4. Paste the following configuration: |
| 71 | + |
| 72 | +```json |
| 73 | +{ |
| 74 | + "mcpServers": { |
| 75 | + "dhtmlx-mcp": { |
| 76 | + "url": "https://docs.dhtmlx.com/mcp" |
| 77 | + } |
| 78 | + } |
| 79 | +} |
| 80 | +``` |
| 81 | + |
| 82 | +After connecting, you can use prompts such as "Check DHTMLX docs for how to configure recurring events in Scheduler" directly in the chat. |
| 83 | + |
| 84 | +### Gemini CLI |
| 85 | + |
| 86 | +Open the configuration file at `~/.gemini/settings.json` and add: |
| 87 | + |
| 88 | +```json |
| 89 | +{ |
| 90 | + "mcpServers": { |
| 91 | + "dhtmlx-mcp": { |
| 92 | + "url": "https://docs.dhtmlx.com/mcp" |
| 93 | + } |
| 94 | + } |
| 95 | +} |
| 96 | +``` |
| 97 | + |
| 98 | +Restart Gemini CLI to apply the changes. |
| 99 | + |
| 100 | +### Antigravity (Google) |
| 101 | + |
| 102 | +1. Open the command palette |
| 103 | +2. Type "mcp add" |
| 104 | +3. Select "HTTP" |
| 105 | +4. Enter URL: `https://docs.dhtmlx.com/mcp` |
| 106 | +5. Enter Name: `dhtmlx-mcp` |
| 107 | + |
| 108 | +### Other Tools |
| 109 | + |
| 110 | +Most modern AI coding tools support MCP through their settings. Look for "Model Context Protocol", "Context Sources", or a similar option and add `https://docs.dhtmlx.com/mcp` as a custom source. |
| 111 | + |
| 112 | +### ChatGPT |
| 113 | + |
| 114 | +Note that MCP integration with ChatGPT may result in slower response times (around 20 seconds per query). For a faster experience, consider using one of the tools listed above. |
| 115 | + |
| 116 | +To configure ChatGPT: |
| 117 | + |
| 118 | +1. Go to **Settings** → **Apps & Connectors** |
| 119 | +2. Click **Advanced settings** |
| 120 | +3. Enable **Developer mode** |
| 121 | +4. Return to the Connectors screen and click the **Create** button |
| 122 | +5. Fill in the following: |
| 123 | + - Name: `dhtmlx-mcp` |
| 124 | + - URL: `https://docs.dhtmlx.com/mcp` |
| 125 | + - Authentication: `No authentication` |
| 126 | +6. Click **Create** |
| 127 | + |
| 128 | +After setup, you can ask ChatGPT to consult the DHTMLX MCP server when working with any DHTMLX component. |
| 129 | + |
| 130 | +## Tips for Best Results |
| 131 | + |
| 132 | +When prompting, reference the DHTMLX documentation explicitly for more accurate results. For example: |
| 133 | + |
| 134 | +- "Using DHTMLX docs, how do I change the time scale in Scheduler?" |
| 135 | +- "Check DHTMLX MCP for Scheduler recurring events configuration" |
| 136 | + |
| 137 | +The more specific the prompt, the more accurate the output will be. |
0 commit comments