You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/integrations/ai-tools/agent-skills.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,15 +8,15 @@ description: "Install agent skills for AI assistants working with DHTMLX Gantt"
8
8
9
9
AI coding assistants such as Claude Code or Codex can generate DHTMLX Gantt code, but they often make mistakes with specialized APIs: wrong prop names, missing CSS imports, incorrect callback signatures, or mixing incompatible data patterns. Agent skills address this by teaching the assistant the correct patterns and known pitfalls before it writes code.
10
10
11
-
Unlike the [MCP server](./mcp-server/), which provides real-time API reference, skills focus on integration patterns, decision points, and failure prevention.
11
+
Unlike the [MCP server](integrations/ai-tools/mcp-server.md), which provides real-time API reference, skills focus on integration patterns, decision points, and failure prevention.
Covers integration of `@dhtmlx/trial-react-gantt` and `@dhx/react-gantt` into React applications. The skill helps the assistant add Gantt to a project and set it up correctly, connect CRUD operations, and handle theming so that Gantt reuses the app's own theme rather than drifting out of sync. It also includes known pitfalls extracted from real projects and directs the assistant to verify unfamiliar APIs through the [DHTMLX MCP server](./mcp-server/) rather than guessing.
19
+
Covers integration of `@dhtmlx/trial-react-gantt` and `@dhx/react-gantt` into React applications. The skill helps the assistant add Gantt to a project and set it up correctly, connect CRUD operations, and handle theming so that Gantt reuses the app's own theme rather than drifting out of sync. It also includes known pitfalls extracted from real projects and directs the assistant to verify unfamiliar APIs through the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md) rather than guessing.
20
20
21
21
The skill files are readable Markdown - you can review exactly what rules your assistant will follow in the [GitHub repository](https://github.com/DHTMLX/skills/tree/main/dhtmlx-react-gantt).
22
22
@@ -32,4 +32,4 @@ Clone or download the [DHTMLX/skills](https://github.com/DHTMLX/skills) reposito
32
32
33
33
## Using Skills with MCP
34
34
35
-
Skills and the MCP server are complementary. MCP gives your assistant access to real-time API documentation - method signatures, property values, configuration options. Skills teach it the integration patterns that prevent common mistakes. For best results, use both. See [DHTMLX MCP Server](./mcp-server/) for setup instructions.
35
+
Skills and the MCP server are complementary. MCP gives your assistant access to real-time API documentation - method signatures, property values, configuration options. Skills teach it the integration patterns that prevent common mistakes. For best results, use both. See [DHTMLX MCP Server](integrations/ai-tools/mcp-server.md) for setup instructions.
Copy file name to clipboardExpand all lines: docs/integrations/ai-tools/mcp-server.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@ Large language models are trained on data up to a certain date and do not automa
20
20
The DHTMLX MCP server is a shared service that covers all major DHTMLX products, not only Gantt. Configuration instructions in this section apply regardless of which DHTMLX component you are working with.
21
21
:::
22
22
23
-
If you use [React Gantt](integrations/react/index.md), pair MCP with the [React Gantt agent skill](integrations/ai-tools/agent-skills.md#available-skills).
23
+
If you use [React Gantt](integrations/react.md), pair MCP with the [React Gantt agent skill](integrations/ai-tools/agent-skills.md#available-skills).
Copy file name to clipboardExpand all lines: docs/integrations/react/configuration-props.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -333,5 +333,5 @@ info Be mindful that if you alter tasks/links in the direct Gantt instance while
333
333
you should keep them in sync or re-parse the data. Otherwise, the next React re-rendering may overwrite your manual changes.
334
334
:::
335
335
336
-
If you want to do something not exposed by a prop, you can still call gantt methods directly. See [Accessing the Underlying Gantt API](integrations/react.md#accessingtheunderlyingganttapi) for more details.
336
+
If you want to do something not exposed by a prop, you can still call gantt methods directly. See [Accessing the Underlying Gantt API](integrations/react/overview.md#accessingtheunderlyingganttapi) for more details.
To begin with, set up the core Gantt component with [**React state**for tasks and links](integrations/react.md#bindingdata) with the following configuration:
125
+
To begin with, set up the core Gantt component with [**React state**for tasks and links](integrations/react/overview.md#bindingdata) with the following configuration:
This component initializes the Gantt chart and provides it with configuration, initial data, and a `ref` for future API calls. The `config` object defines the layout and scales, while `tasks` and `links` props supply the chart with its dataset.
138
138
139
-
The `save` function inside the `data` prop is used to track updates made to tasks and links inside the Gantt. In this tutorial we add a simple placeholder handler for tracking changes. If you want to send updates to a backend or bind them to React state, you can follow the official data-binding [guide](integrations/react.md#bindingdata).
139
+
The `save` function inside the `data` prop is used to track updates made to tasks and links inside the Gantt. In this tutorial we add a simple placeholder handler for tracking changes. If you want to send updates to a backend or bind them to React state, you can follow the official data-binding [guide](integrations/react/overview.md#bindingdata).
140
140
141
141
142
142
## Step 4. Adding Gantt to the page
@@ -178,5 +178,5 @@ A complete working project that follows this tutorial is [provided on GitHub](ht
178
178
179
179
From here, you can continue exploring:
180
180
181
-
-[React-driven data flow](integrations/react.md#bindingdata).
181
+
-[React-driven data flow](integrations/react/overview.md#bindingdata).
This component initializes the Gantt chart and provides it with configuration, initial data, and a `ref` for future API calls. The `config` object defines the layout and scales, while `tasks` and `links` props supply the chart with its dataset.
141
141
142
-
The `save` function inside the `data` prop is used to track updates made to tasks and links inside the Gantt. In this tutorial we add a simple placeholder handler for tracking changes. If you want to send updates to a backend or bind them to React state, you can follow the official data-binding [guide](integrations/react.md#bindingdata).
142
+
The `save` function inside the `data` prop is used to track updates made to tasks and links inside the Gantt. In this tutorial we add a simple placeholder handler for tracking changes. If you want to send updates to a backend or bind them to React state, you can follow the official data-binding [guide](integrations/react/overview.md#bindingdata).
143
143
144
144
145
145
## Step 4. Rendering Gantt on a Remix route
@@ -192,5 +192,5 @@ A complete working project that follows this tutorial is [provided on GitHub](ht
192
192
193
193
From here, you can continue exploring:
194
194
195
-
-[React-driven data flow](integrations/react.md#bindingdata).
195
+
-[React-driven data flow](integrations/react/overview.md#bindingdata).
0 commit comments