Updated on May 20, 2026
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. Currently, we offer a pack of agent skills for DHTMLX JavaScript Gantt, React Gantt, Angular Gantt, and React Scheduler.
What You Get with DHTMLX Agent Skills
Our agent skills are designed to give AI assistants a clear understanding of how DHTMLX Gantt and Scheduler are intended to be used. Instead of of improvising its way through Gantt and Scheduler-related code, the assistants gets focused instructions, implementation guidance, and built-in checks tailored for both trial and full versions of components, including:
- Component and wrapper-specific setup
- Logic for CRUD operations
- Data ownership and persistence patterns
- Theming and styling customizations
- Advanced patterns (resources, undo/redo, reorder, etc.)
Apart from that, our skills 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 available skills into action? Just run one of the following commands, depending on the required tool:
npx skills add DHTMLX/skills --skill dhtmlx-react-gantt
npx skills add DHTMLX/skills --skill dhtmlx-angular-gantt
npx skills add DHTMLX/skills --skill dhtmlx-react-scheduler
The DHTMLX skills are 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 Gantt or Scheduler, AI agents must have not only clear instructions for performing required tasks but also access to relevant API references. The Agent skills do 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.