Skip to content

Commit ded8a18

Browse files
mkozhukhmkozhukh
committed
[add] mcp server description
1 parent c4d740e commit ded8a18

File tree

2 files changed

+146
-0
lines changed

2 files changed

+146
-0
lines changed

‎docs/guides/ai.md‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
---
2+
sidebar_label: AI tools (MCP)
3+
title: AI tools (MCP)
4+
description: AI tools (MCP)
5+
sidebar_class_name: ai-icon
6+
---
7+
8+
# Getting Started with DHTMLX MCP Server
9+
10+
If you're using AI coding assistants like Claude, Cursor, or ChatGPT, you've probably noticed they sometimes struggle with library-specific code. They might suggest outdated APIs or miss the latest features. That's exactly the problem our MCP server solves.
11+
12+
## What's MCP and Why Should You Care?
13+
14+
Model Context Protocol (MCP) is basically a way to feed your AI assistant fresh, accurate information about specific tools and libraries. Think of it as giving your AI a direct line to our documentation.
15+
16+
Here's the deal: LLMs are trained on data up to a certain date. They don't automatically know about that new feature we released last month or the API change we made in the latest version. The DHTMLX MCP server bridges this gap by providing real-time access to our docs and a smart RAG (Retrieval-Augmented Generation) system that finds exactly what you need.
17+
18+
**Server URL:** `https://docs.dhtmlx.com/mcp`
19+
20+
## What You Get
21+
22+
When you connect your AI tool to our MCP server, it can:
23+
24+
- Pull the latest documentation for any DHTMLX product
25+
- Generate accurate code snippets based on current APIs
26+
- Answer questions about configuration, events, methods — you name it
27+
28+
The best part? It covers **all major DHTMLX products**:
29+
- Gantt
30+
- Scheduler
31+
- Suite (Grid, Form, TreeGrid, and more)
32+
- Kanban
33+
- Pivot
34+
- Spreadsheet
35+
- Diagram
36+
- RichText
37+
38+
One server, all products. Simple.
39+
40+
## A Note on Privacy
41+
42+
The MCP server is a hosted service — it doesn't run locally and doesn't access your files. We don't store personal information about users. Queries might be logged for debugging and improving the service, but if that's a concern for you, drop us a line at `[email protected]`. We offer commercial options with strict no-logging policies.
43+
44+
## Setting It Up
45+
46+
Let's get you connected. Pick your tool below.
47+
48+
### Claude Code
49+
50+
The quickest way is through the CLI:
51+
52+
```bash
53+
claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp
54+
```
55+
56+
Or if you prefer manual configuration, add this to your `mcp.json`:
57+
58+
```json
59+
{
60+
"mcpServers": {
61+
"dhtmlx-mcp": {
62+
"type": "http",
63+
"url": "https://docs.dhtmlx.com/mcp"
64+
}
65+
}
66+
}
67+
```
68+
69+
### Cursor
70+
71+
Cursor makes this pretty straightforward:
72+
73+
1. Open Settings (Cmd+Shift+J on Mac, Ctrl+Shift+J on Windows/Linux)
74+
2. Go to **Tools & MCP**
75+
3. Click **Add Custom MCP**
76+
4. Paste this config:
77+
78+
```json
79+
{
80+
"mcpServers": {
81+
"dhtmlx-mcp": {
82+
"url": "https://docs.dhtmlx.com/mcp"
83+
}
84+
}
85+
}
86+
```
87+
88+
Now you can ask things like "Check DHTMLX docs for how to add a custom column to Gantt" right in your chat.
89+
90+
### Gemini CLI
91+
92+
Find your config file at `~/.gemini/settings.json` and add:
93+
94+
```json
95+
{
96+
"mcpServers": {
97+
"dhtmlx-mcp": {
98+
"url": "https://docs.dhtmlx.com/mcp"
99+
}
100+
}
101+
}
102+
```
103+
104+
Restart Gemini CLI and you're good to go.
105+
106+
### Antigravity (Google)
107+
108+
1. Open the command palette
109+
2. Type "mcp add"
110+
3. Select "HTTP"
111+
4. Enter URL: `https://docs.dhtmlx.com/mcp`
112+
5. Enter Name: `dhtmlx-mcp`
113+
114+
Done.
115+
116+
### Other Tools
117+
118+
Most modern AI coding tools have MCP support somewhere in their settings. Look for "Model Context Protocol", "Context Sources", or similar. Add `https://docs.dhtmlx.com/mcp` as a custom source.
119+
120+
### ChatGPT
121+
122+
Fair warning: MCP with ChatGPT works, but it's not the smoothest experience. Responses can take around 20 seconds. If you're doing serious coding, one of the other tools above will serve you better.
123+
124+
But if ChatGPT is your thing:
125+
126+
1. Go to **Settings** → **Apps & Connectors**
127+
2. Click **Advanced settings**
128+
3. Enable **Developer mode**
129+
4. Go back — you'll now see a "Create" button on the Connectors screen
130+
5. Click it and fill in:
131+
- Name: `dhtmlx-mcp`
132+
- URL: `https://docs.dhtmlx.com/mcp`
133+
- Authentication: `No authentication`
134+
6. Hit **Create**
135+
136+
You can now ask ChatGPT to "consult the DHTMLX MCP server" when you need help with any of our components.
137+
138+
## Tips for Best Results
139+
140+
Once connected, try prompts like:
141+
- "Using DHTMLX docs, show me how to implement drag and drop in Scheduler"
142+
- "Check DHTMLX MCP for Gantt task editing configuration"
143+
- "How do I add custom validation to DHTMLX Form? Use the docs."
144+
145+
The more specific you are, the better results you'll get. Happy coding!

‎sidebars.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5110,6 +5110,7 @@ module.exports = {
51105110
items: [
51115111
"guides/events_guide",
51125112
"guides/datacollection_guide",
5113+
"guides/ai",
51135114
],
51145115
},
51155116
// end Guides

0 commit comments

Comments
 (0)