Delegating routine coding tasks to AI assistants is a new reality of modern web development. While being good at writing boilerplate, tools like Claude or Codex often struggle with integrating and configuring specialized UI libraries. These issues often stem from a lack of the right context. To help you feel confident in these areas with DHTMLX, we started working on agent skills. Today, we are happy to present the first result of this work – the agent skill for DHTMLX React Gantt.
What You Get with React Gantt Skill
The React Gantt skill is designed to give AI assistants a clear understanding of how DHTMLX React Gantt is intended to be used. Instead of improvising its way through Gantt-related code, the assistant gets focused instructions, implementation guidance, and built-in checks tailored for both trial (@dhtmlx/trial-react-gantt) and full (@dhx/react-gantt) versions of DHTMLX React Gantt, including:
- Gantt setup
- Logic for CRUD operations
- Theming and styling customizations
- Advanced patterns (resources, undo/redo, reorder, etc.)
Apart from that, the skill can coordinate LLMs to avoid known pitfalls extracted from real projects, and verify unknown APIs via the DHTMLX MCP server, rather than producing bugs and inconsistencies that may be hard to detect.
How to put the new React Gantt skill into action? Just run the following command:
The React Gantt skill is applicable to Claude Code, Cursor, Copilot, and other popular AI assistants that support the Agent Skills standard. All instructions and rules for the skill are defined in readable Markdown, so you can get acquainted with the skill guidelines in the GitHub repository.
Skills + MCP: Better Together
When working with UI components like DHTMLX React Gantt, AI agents must have not only clear instructions for performing required tasks but also access to relevant API references. The Agent Skill does only part of the job, teaching integration patterns and preventing common mistakes. But you must be sure that all these practices are based on up-to-date information. DHTMLX MCP Server offers AI assistants direct access to the latest API documentation. It also won’t take much time to install this tool. Here are the setup instructions.
Thus, you get a great combination for a seamless AI-assisted development experience with DHTMLX React Gantt. Just give it a try, while we continue working on agent skills for other DHTMLX products.