Kendo UI for Angular — Component Assistant
Common Guidelines
Before implementing any component, read common-guidelines.md for the foundational rules that apply to every Kendo UI for Angular implementation (package installation via ng add, Angular types, and component patterns).
For component-scoped usage, read common-guidelines.md before calling the component assistant. This skill owns that progressive disclosure decision; callers should follow this skill rather than hard-coding supporting files.
Component-Specific Guidelines
Certain components have additional guidelines that must be consulted:
| Component |
Read before implementing |
Grid |
grid-guidelines.md — kendoGridBinding, manual binding, command directive restrictions |
Smart Grid / AI-enhanced Grid |
grid-guidelines.md — kendoGridAIAssistantTool setup |
TreeList |
treelist-guidelines.md — command directive restrictions |
ListView |
listview-guidelines.md — command directive restrictions |
Scheduler |
scheduler-guidelines.md — PDF command directive restriction |
Window |
window-guidelines.md — action directive restrictions |
Charts / Sparkline / StockChart |
charts-guidelines.md — getter anti-pattern |
DropDownList, ComboBox, MultiSelect, AutoComplete, DropDownTree, MultiSelectTree, MultiColumnComboBox |
dropdowns-guidelines.md — textField/valueField rules per variant |
For component-scoped usage, read only the component-specific files that match the current component list, request, or follow-up notes. Do not read unrelated component guideline files. If Smart Grid or any AI-enhanced Grid wording appears, treat it as Grid for guideline loading and read grid-guidelines.md.
Component Accessibility
For component-specific accessibility facts, load ../kendo-angular-accessibility/SKILL.md after this component skill. Use it only for component-specific accessibility assistant calls with includeGeneralGuidelines=false. Do not read wcag-guidelines.md for this narrow lookup; WCAG baseline belongs to the broader validation and audit workflow.
Calling the Component Assistant
Use the kendo_component_assistant MCP tool to retrieve accurate API reference and documentation for any Kendo UI for Angular component.
Tool call:
kendo_component_assistant({
query="<Specific question about the component, its features, or configuration>",
component="<ComponentName>"
})
Examples:
kendo_component_assistant({
query="How to implement paging and sorting in Grid?",
component="Grid"
})
kendo_component_assistant({
query="How to configure the DatePicker with custom formats and min/max dates?",
component="DatePicker"
})
kendo_component_assistant({
query="How to implement a multi-column DropDownList?",
component="MultiColumnComboBox"
})
Query Guidelines
- One component per call — do not combine multiple component questions in one query
- Be specific — describe exactly the feature or behavior you need (e.g., "paging in Grid" not "Grid usage")
- Break broad queries down — for a Grid with paging, sorting, and filtering, make three separate calls
- Use the exact component name (e.g.,
Grid, DatePicker, DropDownList)
1---2name: kendo-angular-component-23description: Retrieves documentation, API reference, and code examples for Kendo UI for Angular components. Use when the user asks about a specific Kendo component, needs API reference, asks how to use a component, wants code examples, or mentions component names like Grid, Chart, Scheduler, DatePicker, DropDownList, Forms, Button, Dialog, Editor, etc. Trigger on "how do I use", "what inputs does", "Kendo Angular component example", "component docs", "/kendo", "/ask_kendo", "@kendo". One call per component — do not batch multiple components into one query.4---56## Kendo UI for Angular — Component Assistant78### Common Guidelines910Before implementing any component, read [common-guidelines.md](common-guidelines.md) for the foundational rules that apply to every Kendo UI for Angular implementation (package installation via `ng add`, Angular types, and component patterns).1112For component-scoped usage, read [common-guidelines.md](common-guidelines.md) before calling the component assistant. This skill owns that progressive disclosure decision; callers should follow this skill rather than hard-coding supporting files.1314### Component-Specific Guidelines1516Certain components have additional guidelines that must be consulted:1718| Component | Read before implementing |19|---|---|20| `Grid` | [grid-guidelines.md](grid-guidelines.md) — `kendoGridBinding`, manual binding, command directive restrictions |21| `Smart Grid` / AI-enhanced Grid | [grid-guidelines.md](grid-guidelines.md) — `kendoGridAIAssistantTool` setup |22| `TreeList` | [treelist-guidelines.md](treelist-guidelines.md) — command directive restrictions |23| `ListView` | [listview-guidelines.md](listview-guidelines.md) — command directive restrictions |24| `Scheduler` | [scheduler-guidelines.md](scheduler-guidelines.md) — PDF command directive restriction |25| `Window` | [window-guidelines.md](window-guidelines.md) — action directive restrictions |26| `Charts` / `Sparkline` / `StockChart` | [charts-guidelines.md](charts-guidelines.md) — getter anti-pattern |27| `DropDownList`, `ComboBox`, `MultiSelect`, `AutoComplete`, `DropDownTree`, `MultiSelectTree`, `MultiColumnComboBox` | [dropdowns-guidelines.md](dropdowns-guidelines.md) — `textField`/`valueField` rules per variant |2829For component-scoped usage, read only the component-specific files that match the current component list, request, or follow-up notes. Do not read unrelated component guideline files. If `Smart Grid` or any AI-enhanced Grid wording appears, treat it as `Grid` for guideline loading and read [grid-guidelines.md](grid-guidelines.md).3031### Component Accessibility3233For component-specific accessibility facts, load [../kendo-angular-accessibility/SKILL.md](../kendo-angular-accessibility/SKILL.md) after this component skill. Use it only for component-specific accessibility assistant calls with `includeGeneralGuidelines=false`. Do not read `wcag-guidelines.md` for this narrow lookup; WCAG baseline belongs to the broader validation and audit workflow.3435### Calling the Component Assistant3637Use the `kendo_component_assistant` MCP tool to retrieve accurate API reference and documentation for any Kendo UI for Angular component.3839**Tool call:**40```41kendo_component_assistant({42 query="<Specific question about the component, its features, or configuration>",43 component="<ComponentName>"44})45```4647**Examples:**48```49kendo_component_assistant({50 query="How to implement paging and sorting in Grid?",51 component="Grid"52})53```5455```56kendo_component_assistant({57 query="How to configure the DatePicker with custom formats and min/max dates?",58 component="DatePicker"59})60```6162```63kendo_component_assistant({64 query="How to implement a multi-column DropDownList?",65 component="MultiColumnComboBox"66})67```6869### Query Guidelines7071- **One component per call** — do not combine multiple component questions in one query72- **Be specific** — describe exactly the feature or behavior you need (e.g., "paging in Grid" not "Grid usage")73- **Break broad queries down** — for a Grid with paging, sorting, and filtering, make three separate calls74- Use the exact component name (e.g., `Grid`, `DatePicker`, `DropDownList`)
telerik