Merge pull request #104 from AlexKlimenkov/master

[dev] add angular gantt skill, shorten descriptions

Author: AlexKlimenkov

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

@@ -16,30 +16,35 @@ Unlike the [MCP server](integrations/ai-tools/mcp-server.md), which provides rea
 
 ### DHTMLX JS Gantt
 
-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. 
+Covers integration of the core JavaScript Gantt into plain JavaScript and TypeScript applications. The skill recognises all 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 setup, data, and theming guidance to each.
 
-As with the other skills, unfamiliar APIs are routed through the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md) rather than guessed.
-
-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).
+Review the rules in the [GitHub repository](https://github.com/DHTMLX/skills/tree/main/dhtmlx-js-gantt).
 
 ### DHTMLX React Gantt
 
-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.
+Covers integration of `@dhtmlx/trial-react-gantt` and `@dhx/react-gantt` into React applications. The skill teaches the assistant the wrapper-specific setup, data ownership and persistence patterns, and theming approach that are easy to get wrong - and lists known pitfalls extracted from real projects with concrete fixes.
 
-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).
+Review the rules in the [GitHub repository](https://github.com/DHTMLX/skills/tree/main/dhtmlx-react-gantt).
 
 For a worked example of these patterns applied end-to-end, see the [React Gantt Lovable Starter](https://github.com/DHTMLX/react-gantt-lovable-starter) - a multi-project planner generated in Lovable, with the full build recipe in its [`lovable/`](https://github.com/DHTMLX/react-gantt-lovable-starter/tree/main/lovable) folder.
 
+### DHTMLX Angular Gantt
+
+Covers integration of `@dhtmlx/trial-angular-gantt` and `@dhx/angular-gantt` into Angular applications. The skill teaches the assistant the wrapper-specific setup, data ownership and persistence patterns (`data.save` / `data.batchSave`), and theming approach that are easy to get wrong - and lists the known failure modes with concrete fixes.
+
+Review the rules in the [GitHub repository](https://github.com/DHTMLX/skills/tree/main/dhtmlx-angular-gantt).
+
 ## Installing
 
 ```bash
 npx skills add DHTMLX/skills --skill dhtmlx-js-gantt
 npx skills add DHTMLX/skills --skill dhtmlx-react-gantt
+npx skills add DHTMLX/skills --skill dhtmlx-angular-gantt
 ```
 
 ### Manual Installation
 
-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).
+Clone or download the [DHTMLX/skills](https://github.com/DHTMLX/skills) repository and copy the relevant skill folder (`dhtmlx-js-gantt`, `dhtmlx-react-gantt`, or `dhtmlx-angular-gantt`) into your project's skills directory (e.g., `.claude/skills/` for Claude Code, `.cursor/skills/` for Cursor).
 
 ## Using Skills with MCP
 

docs/integrations/angular/index.md

@@ -6,6 +6,10 @@ description: "Install, configure, and use DHTMLX Gantt in Angular with the offic
 
 Angular Gantt is the official Angular wrapper for DHTMLX Gantt. It gives you an Angular component API for the chart while preserving access to the full Gantt engine.
 
+:::tip AI-assisted development
+If you use an AI coding assistant, the [DHTMLX Angular Gantt agent skill](integrations/ai-tools/agent-skills.md#available-skills) can help it follow correct wrapper integration patterns - matching CSS imports, providing an explicit height chain, choosing a data ownership model, normalizing dates around `data.save` / `data.batchSave`, and mapping the app theme through Gantt CSS variables. For real-time API reference, connect the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md).
+:::
+
 ## What You Get With The Wrapper
 
 - Declarative inputs for `tasks`, `links`, `config`, `templates`, `plugins`, `theme`, and `locale`.

docs/integrations/angular/overview.md

@@ -10,6 +10,10 @@ Angular Gantt is the official Angular wrapper for DHTMLX Gantt. It exposes the G
 
 If you need installation and project setup first, start with [Quick Start with Angular Gantt](integrations/angular/quick-start.md).
 
+:::tip AI-assisted development
+If you use an AI coding assistant, the [DHTMLX Angular Gantt agent skill](integrations/ai-tools/agent-skills.md#available-skills) can help it follow correct wrapper integration patterns and avoid common mistakes such as mismatched CSS imports, missing container height, mixed ownership between Angular state and the Gantt `instance`, and unstable date serialization through `data.save` / `data.batchSave`. For real-time API reference, connect the [DHTMLX MCP server](integrations/ai-tools/mcp-server.md).
+:::
+
 ## Core Capabilities
 
 The wrapper is built for both simple and advanced Angular integrations: