Skip to content

Commit ba405c4

Browse files
committed
[update] add ai skills page
1 parent 5ebdc7b commit ba405c4

3 files changed

Lines changed: 39 additions & 2 deletions

File tree

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
---
2+
sidebar_label: Agent Skills
3+
title: Agent Skills
4+
description: "Install agent skills for AI assistants working with DHTMLX Scheduler"
5+
---
6+
7+
# Agent Skills
8+
9+
AI coding assistants such as Claude Code or Codex can generate DHTMLX Scheduler 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+
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.
12+
13+
**GitHub:** [DHTMLX/skills](https://github.com/DHTMLX/skills)
14+
15+
## Available Skills
16+
17+
### DHTMLX React Scheduler
18+
19+
Covers integration of `@dhtmlx/trial-react-scheduler` and `@dhx/react-scheduler` into React applications. The skill helps the assistant add Scheduler to a project and set it up correctly, connect CRUD operations, and handle theming so that Scheduler 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+
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-scheduler).
22+
23+
## Installing
24+
25+
```bash
26+
npx skills add DHTMLX/skills --skill dhtmlx-react-scheduler
27+
```
28+
29+
### Manual Installation
30+
31+
Clone or download the [DHTMLX/skills](https://github.com/DHTMLX/skills) repository and copy the `dhtmlx-react-scheduler` folder into your project's skills directory (e.g., `.claude/skills/` for Claude Code, `.cursor/skills/` for Cursor).
32+
33+
## Using Skills with MCP
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](integrations/ai-tools/mcp-server.md) for setup instructions.

docs/integrations/ai-tools/index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ This section collects materials for using AI with DHTMLX Scheduler in two ways:
1111
- **AI-assisted development** - app builders, coding agents, and tool integrations.
1212
- **AI features inside your app** - demos and recommended implementation patterns.
1313

14-
## MCP Server
14+
## AI-assisted development
1515

1616
- [DHTMLX MCP Server](./mcp-server/) — connect an AI tool to up-to-date DHTMLX documentation and API reference.
17+
- [Agent Skills](./agent-skills/) — teach AI coding assistants (Claude Code, Codex, and others) the correct patterns for working with DHTMLX Scheduler.

sidebars.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,8 @@ module.exports = {
115115
id: "integrations/ai-tools/index"
116116
},
117117
items: [
118-
"integrations/ai-tools/mcp-server"
118+
"integrations/ai-tools/mcp-server",
119+
"integrations/ai-tools/agent-skills"
119120
]
120121
},
121122
"integrations/vue/howtostart-vue",

0 commit comments

Comments
 (0)