Skip to content

Commit 96f45dd

Browse files
Merge pull request #103 from AlexKlimenkov/master
[dev] add js gantt skill
2 parents 4f0eeb7 + 972ffb3 commit 96f45dd

3 files changed

Lines changed: 15 additions & 2 deletions

File tree

docs/guides/initializing-gantt-chart.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,10 @@ This guide tells about initialization of dhtmlxGantt in plain JS and HTML. You c
2929
</tbody>
3030
</table>
3131

32+
:::tip AI-assisted development
33+
If you use an AI coding assistant, the [DHTMLX JS Gantt agent skill](integrations/ai-tools/agent-skills.md#available-skills) can help it follow correct integration patterns and avoid common mistakes. For real-time API reference, connect the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md).
34+
:::
35+
3236

3337
## Creating basic Gantt chart
3438

docs/integrations/ai-tools/agent-skills.md

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,14 @@ Unlike the [MCP server](integrations/ai-tools/mcp-server.md), which provides rea
1414

1515
## Available Skills
1616

17+
### DHTMLX JS Gantt
18+
19+
Covers integration of the core JavaScript Gantt into plain JavaScript and TypeScript applications. The skill recognises all three delivery channels — the free `dhtmlx-gantt` (Standard / GPL) package, the `@dhx/trial-gantt` evaluation package, the commercial `@dhx/gantt` package, and `<script>` / CDN loading — and adapts its guidance accordingly. It covers setup and lifecycle, `gantt.parse` / `gantt.load`, templates, events, plugins, the DataProcessor, task and link CRUD, resources and assignments, working calendars, undo/redo, row reorder, baselines, critical path, locale and i18n, theming, and live updates.
20+
21+
As with the other skills, unfamiliar APIs are routed through the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md) rather than guessed.
22+
23+
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-js-gantt).
24+
1725
### DHTMLX React Gantt
1826

1927
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.
@@ -25,12 +33,13 @@ For a worked example of these patterns applied end-to-end, see the [React Gantt
2533
## Installing
2634

2735
```bash
36+
npx skills add DHTMLX/skills --skill dhtmlx-js-gantt
2837
npx skills add DHTMLX/skills --skill dhtmlx-react-gantt
2938
```
3039

3140
### Manual Installation
3241

33-
Clone or download the [DHTMLX/skills](https://github.com/DHTMLX/skills) repository and copy the `dhtmlx-react-gantt` folder into your project's skills directory (e.g., `.claude/skills/` for Claude Code, `.cursor/skills/` for Cursor).
42+
Clone or download the [DHTMLX/skills](https://github.com/DHTMLX/skills) repository and copy the relevant skill folder (`dhtmlx-js-gantt` or `dhtmlx-react-gantt`) into your project's skills directory (e.g., `.claude/skills/` for Claude Code, `.cursor/skills/` for Cursor).
3443

3544
## Using Skills with MCP
3645

docs/integrations/ai-tools/mcp-server.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Large language models are trained on data up to a certain date and do not automa
2020
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.
2121
:::
2222

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).
23+
Pair MCP with the matching agent skill: the [JS Gantt skill](integrations/ai-tools/agent-skills.md#available-skills) for vanilla JavaScript or TypeScript projects, the [React Gantt skill](integrations/ai-tools/agent-skills.md#available-skills) for [React Gantt](integrations/react.md) projects.
2424

2525
For a real-world example of MCP + Lovable in use, see the [React Gantt Lovable Starter](https://github.com/DHTMLX/react-gantt-lovable-starter) and its [walkthrough](integrations/ai-tools/lovable-starter-walkthrough.md).
2626

0 commit comments

Comments
 (0)