From bb6ccbb7a8194eeb9b75d257afbfa7cf41be64bf Mon Sep 17 00:00:00 2001 From: zdrawku Date: Wed, 25 Feb 2026 15:24:22 +0200 Subject: [PATCH 1/7] chore(docs): update import paths in documentation for directives and components --- skills/igniteui-angular-components/SKILL.md | 2 +- .../references/data-display.md | 111 ++++++++++++++---- .../references/directives.md | 8 +- .../references/feedback.md | 6 +- .../references/layout.md | 4 +- .../references/setup.md | 27 +++-- skills/igniteui-angular-grids/SKILL.md | 2 +- .../references/types.md | 4 +- 8 files changed, 122 insertions(+), 42 deletions(-) diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index c8f9c36f42a..61220825156 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -1,6 +1,6 @@ --- name: igniteui-angular-components -description: "All Ignite UI Angular UI components: application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper, Accordion, Splitter, Navigation Drawer, Layout Manager directives), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress, Chat), feedback/overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart, IgxCategoryChart, IgxFinancialChart, IgxDataChart, IgxPieChart). Use for any non-grid Ignite UI Angular UI question." +description: "All Ignite UI Angular UI components: application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper, Accordion, Splitter, Navigation Drawer, Layout Manager), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress bar, Linear Progress Bar, Circular Progress Bar, Chat), feedback/overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart, IgxCategoryChart, IgxFinancialChart, IgxDataChart, IgxPieChart). Use for any non-grid Ignite UI Angular UI question." user-invokable: true --- diff --git a/skills/igniteui-angular-components/references/data-display.md b/skills/igniteui-angular-components/references/data-display.md index a48e181f470..b25a99eb154 100644 --- a/skills/igniteui-angular-components/references/data-display.md +++ b/skills/igniteui-angular-components/references/data-display.md @@ -64,9 +64,8 @@ Selection modes: `'None'`, `'BiCascade'`, `'Cascade'`. ```typescript import { IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxCardActionsComponent, IgxCardMediaDirective, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardHeaderThumbnailDirective } from 'igniteui-angular/card'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxButtonDirective } from 'igniteui-angular/button'; -import { IgxRippleDirective } from 'igniteui-angular/ripple'; -import { IgxIconButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; +import { IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; ``` @@ -215,8 +214,8 @@ import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; > **Docs:** [Linear Progress](https://www.infragistics.com/products/ignite-ui-angular/angular/components/linear-progress) ยท [Circular Progress](https://www.infragistics.com/products/ignite-ui-angular/angular/components/circular-progress) ```typescript -import { IgxLinearProgressBarComponent } from 'igniteui-angular/linear-progress-bar'; -import { IgxCircularProgressBarComponent } from 'igniteui-angular/circular-progress-bar'; +import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; +import { IgxCircularProgressBarComponent } from 'igniteui-igniteui-angular/progressbar'; ``` ```html @@ -248,26 +247,94 @@ import { IgxChatComponent } from 'igniteui-angular/chat'; ``` ```html - - + + + + + @if (message.sender !== 'user') { +
+ Developer Support +
+ } + + + + ๐Ÿ’ก + + + +
+ ``` ```typescript -import { IgxChatComponent, IgxMessage } from 'igniteui-angular/chat'; - -messages = signal([]); -isLoading = signal(false); - -async onSend(text: string) { - this.messages.update(m => [...m, { author: 'user', content: text }]); - this.isLoading.set(true); - const reply = await this.aiService.ask(text); - this.messages.update(m => [...m, { author: 'assistant', content: reply }]); - this.isLoading.set(false); -} +import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular/chat'; +import { MarkdownPipe } from 'igniteui-angular/chat-extras'; + +@Component({ + selector: 'app-chat-features-sample', + styleUrls: ['./features-sample.component.scss'], + templateUrl: './features-sample.component.html', + imports: [IgxChatComponent, IgxChatMessageContextDirective, AsyncPipe, MarkdownPipe] +}) +export class ChatFeaturesSampleComponent { + private _messageHeader = viewChild.required('messageHeader'); + private _suggestionPrefix = viewChild.required('suggestionPrefix'); + private _messageContent = viewChild.required('messageContent'); + +... + + +public options = signal({ + disableAutoScroll: false, + disableInputAttachments: false, + inputPlaceholder: 'Type your message here...', + headerText: 'Developer Support', + suggestionsPosition: "below-input", + suggestions: [ 'Send me an e-mail when support is available.' ] + }); + + public templates = signal({}); + + constructor() { + effect(() => { + const messageHeader = this._messageHeader(); + const suggestionPrefix = this._suggestionPrefix(); + const messageContent = this._messageContent(); + + if (messageHeader && suggestionPrefix && messageContent) { + this.templates.set({ + messageHeader: messageHeader, + suggestionPrefix: suggestionPrefix, + messageContent: messageContent + }); + } + }); + } + + public onMessageCreated(e: any): void { + const newMessage = e; + this.messages.update(messages => [...messages, newMessage]); + this.options.update(options => ({ ...options, isTyping: true, suggestions: [] })); + + const responseMessage = { + id: Date.now().toString(), + text: 'Our support team is currently unavailable. We\'ll get back to you as soon as possible.', + sender: 'support', + timestamp: Date.now().toString() + }; + + this.draftMessage = { text: '', attachments: [] }; + this.messages.update(messages => [...messages, responseMessage]); + this.options.update(options => ({ ...options, isTyping: false })); + } ``` ## See Also diff --git a/skills/igniteui-angular-components/references/directives.md b/skills/igniteui-angular-components/references/directives.md index fc94fb0e331..9000c4e1018 100644 --- a/skills/igniteui-angular-components/references/directives.md +++ b/skills/igniteui-angular-components/references/directives.md @@ -8,7 +8,7 @@ > **Docs:** [Button Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/button) ```typescript -import { IgxButtonDirective, IgxIconButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; ``` @@ -38,7 +38,7 @@ Button variants for `igxIconButton`: `'flat'`, `'outlined'`, `'contained'`. > **Docs:** [Ripple Directive](https://www.infragistics.com/products/ignite-ui-angular/angular/components/ripple) ```typescript -import { IgxRippleDirective } from 'igniteui-angular/ripple'; +import { IgxRippleDirective } from 'igniteui-angular/directives'; ``` ```html @@ -58,7 +58,7 @@ Inputs: `[igxRipple]` (ripple color), `[igxRippleCentered]` (always start from c > **Docs:** [Tooltip Directive](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip) ```typescript -import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/tooltip'; +import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; ``` ```html @@ -84,7 +84,7 @@ hideTooltip() { this.tooltip().close(); } > **Docs:** [Drag and Drop](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drag-drop) ```typescript -import { IgxDragDirective, IgxDropDirective, IDragMoveEventArgs, IDropDroppedEventArgs } from 'igniteui-angular/drag-drop'; +import { IgxDragDirective, IgxDropDirective, IDragMoveEventArgs, IDropDroppedEventArgs } from 'igniteui-angular/directives'; ``` ### Basic drag and drop diff --git a/skills/igniteui-angular-components/references/feedback.md b/skills/igniteui-angular-components/references/feedback.md index 843f8d6c552..f241fcfa343 100644 --- a/skills/igniteui-angular-components/references/feedback.md +++ b/skills/igniteui-angular-components/references/feedback.md @@ -11,7 +11,7 @@ ```typescript import { IgxDialogComponent, IgxDialogTitleDirective, IgxDialogActionsDirective } from 'igniteui-angular/dialog'; -import { IgxButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective } from 'igniteui-angular/directives'; ``` ```html @@ -50,7 +50,7 @@ Events: `(opening)`, `(opened)`, `(closing)`, `(closed)`, `(leftButtonSelect)`, ```typescript import { IgxSnackbarComponent, IgxSnackbarActionDirective } from 'igniteui-angular/snackbar'; -import { IgxButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective } from 'igniteui-angular/directives'; ``` ```html @@ -98,7 +98,7 @@ Toast vs Snackbar: Toast is non-interactive (no action button), always auto-hide ```typescript import { IgxBannerComponent, IgxBannerActionsDirective } from 'igniteui-angular/banner'; import { IgxIconComponent } from 'igniteui-angular/icon'; -import { IgxButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective } from 'igniteui-angular/directives'; ``` ```html diff --git a/skills/igniteui-angular-components/references/layout.md b/skills/igniteui-angular-components/references/layout.md index ceb7aeacc25..2bcb97b5e8e 100644 --- a/skills/igniteui-angular-components/references/layout.md +++ b/skills/igniteui-angular-components/references/layout.md @@ -171,9 +171,9 @@ import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'ig > **Docs:** [Navigation Drawer](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer) ```typescript -import { IgxNavDrawerComponent, IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavDrawerMiniTemplateDirective } from 'igniteui-angular/nav-drawer'; +import { IgxNavigationDrawerComponent, IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavDrawerMiniTemplateDirective } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; -import { IgxRippleDirective } from 'igniteui-angular/ripple'; +import { IgxRippleDirective } from 'igniteui-angular/directives'; ``` ```html diff --git a/skills/igniteui-angular-components/references/setup.md b/skills/igniteui-angular-components/references/setup.md index 748ed62c4f9..34c3f2e76be 100644 --- a/skills/igniteui-angular-components/references/setup.md +++ b/skills/igniteui-angular-components/references/setup.md @@ -50,7 +50,7 @@ All Ignite UI components are **standalone** โ€” no NgModules needed. Import them ```typescript import { ChangeDetectionStrategy, Component } from '@angular/core'; -import { IgxButtonDirective } from 'igniteui-angular/button'; +import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @Component({ @@ -94,7 +94,7 @@ import { IgxComboComponent } from 'igniteui-angular'; | Stepper | `igniteui-angular/stepper` | | Accordion / Expansion Panel | `igniteui-angular/expansion-panel` | | Splitter | `igniteui-angular/splitter` | -| Navigation Drawer | `igniteui-angular/nav-drawer` | +| Navigation Drawer | `igniteui-angular/navigation-drawer` | | Bottom Navigation | `igniteui-angular/bottom-nav` | | List | `igniteui-angular/list` | | Tree | `igniteui-angular/tree` | @@ -109,18 +109,29 @@ import { IgxComboComponent } from 'igniteui-angular'; | Icon | `igniteui-angular/icon` | | Carousel | `igniteui-angular/carousel` | | Paginator | `igniteui-angular/paginator` | -| Linear Progress | `igniteui-angular/linear-progress-bar` | -| Circular Progress | `igniteui-angular/circular-progress-bar` | +| Linear Progress | `igniteui-angular/progressbar` | +| Circular Progress | `igniteui-angular/progressbar` | | Chat | `igniteui-angular/chat` | -| Button / Icon Button | `igniteui-angular/button` | -| Ripple | `igniteui-angular/ripple` | -| Tooltip | `igniteui-angular/tooltip` | -| Drag & Drop | `igniteui-angular/drag-drop` | +| Button / Icon Button | `igniteui-angular/directives` | +| Ripple | `igniteui-angular/directives` | +| Tooltip | `igniteui-angular/directives` | +| Drag & Drop | `igniteui-angular/directives` | | Layout Manager (`igxLayout`, `igxFlex`) | `igniteui-angular/directives` | +| Core utilities, services, base types | `igniteui-angular/core` | | Icon Service | `igniteui-angular/icon` | | Overlay Service | `igniteui-angular/core` | | **Dock Manager** | `igniteui-dockmanager` *(separate package โ€” `npm install igniteui-dockmanager`)* | +**Grid-specific entry points** (tree-shakable imports): + +| Component / Feature | Entry Point | +|---|---| +| Shared grid infrastructure (columns, toolbar, filtering, sorting, etc.) | `igniteui-angular/grids/core` | +| Standard grid (`IgxGridComponent`) | `igniteui-angular/grids/grid` | +| Tree grid (`IgxTreeGridComponent`) | `igniteui-angular/grids/tree-grid` | +| Hierarchical grid (`IgxHierarchicalGridComponent`, `IgxRowIslandComponent`) | `igniteui-angular/grids/hierarchical-grid` | +| Pivot grid (`IgxPivotGridComponent`, `IgxPivotDataSelectorComponent`) | `igniteui-angular/grids/pivot-grid` | + ### Convenience Directive Collections For complex components, use the bundled directive arrays instead of listing every sub-directive individually: diff --git a/skills/igniteui-angular-grids/SKILL.md b/skills/igniteui-angular-grids/SKILL.md index 85fcdab33e1..0c5a9ba27f0 100644 --- a/skills/igniteui-angular-grids/SKILL.md +++ b/skills/igniteui-angular-grids/SKILL.md @@ -59,7 +59,7 @@ Ignite UI has **five grid types**. Picking the correct one is the most important Ask these questions in order: -1. **Does the user need a lightweight, read-only data display** with sorting, filtering, and virtualization but no editing, selection, or paging? โ†’ **Grid Lite** (open-source, MIT licensed) +1. **Does the user need a lightweight, read-only data display** with sorting, filtering, and virtualization but no editing, selection, or paging? โ†’ **Grid Lite** (open-source, MIT licensed). **If the user later needs features beyond Grid Lite's capabilities, upgrade strictly to `igx-grid` (`IgxGridComponent`)** โ€” never recommend non-grid components as a substitute. 2. **Does the user need pivot-table analytics** (rows/columns/values/aggregations that users can drag-and-drop to reshape)? โ†’ **Pivot Grid** 3. **Does the data have parent-child relationships where each level has a DIFFERENT schema** (e.g., Companies โ†’ Departments โ†’ Employees)? โ†’ **Hierarchical Grid** 4. **Does the data have parent-child relationships within a SINGLE schema** (e.g., Employees with a `managerId` field, or nested children arrays)? โ†’ **Tree Grid** diff --git a/skills/igniteui-angular-grids/references/types.md b/skills/igniteui-angular-grids/references/types.md index d7131b24cec..b111993dde9 100644 --- a/skills/igniteui-angular-grids/references/types.md +++ b/skills/igniteui-angular-grids/references/types.md @@ -161,7 +161,9 @@ onChildGridCreated(event: IGridCreatedEventArgs) { The **lightest grid option** โ€” an open-source (MIT licensed) Web Component with an Angular wrapper. Use it for **read-only data display** with sorting, filtering, column hiding/resizing, and row virtualization. It has **no editing, no selection, no paging, no grouping, no summaries, no export**. -> **When to recommend Grid Lite vs. Flat Grid**: If the user only needs to display data with basic sorting/filtering and doesn't need editing, batch operations, paging, grouping, summaries, or export, Grid Lite is the lighter, faster choice. If any of those enterprise features are needed, use the Flat Grid. +> **When to recommend Grid Lite vs. Flat Grid**: If the user only needs to display data with basic sorting/filtering and doesn't need editing, batch operations, paging, grouping, summaries, or export, Grid Lite is the lighter, faster choice. If any of those enterprise features are needed, **upgrade strictly to `igx-grid` (`IgxGridComponent`)** from `igniteui-angular/grids/grid` โ€” do NOT recommend other non-grid components as a substitute. + +> **AGENT INSTRUCTION โ€” Grid Lite โ†’ Grid Upgrade**: When a user is working with `igx-grid-lite` and you identify that their requirements exceed Grid Lite's capabilities (e.g., they need editing, selection, paging, grouping, summaries, export, row operations, or any feature not available in Grid Lite), you MUST recommend upgrading to `igx-grid` (`IgxGridComponent`). Never suggest a different component type โ€” the upgrade path from Grid Lite is always to `igx-grid`. Replace `IgxGridLiteComponent` with `IgxGridComponent`, update imports from `igniteui-angular/grids/lite` to `igniteui-angular/grids/grid`, use `IGX_GRID_DIRECTIVES` instead of individual Grid Lite imports, and remove `CUSTOM_ELEMENTS_SCHEMA`. ### Installation From 56d99eeac46fd296306e8f45ff6941da2c78fa54 Mon Sep 17 00:00:00 2001 From: zdrawku Date: Wed, 25 Feb 2026 15:28:20 +0200 Subject: [PATCH 2/7] A few more --- .../references/form-controls.md | 16 ++++++++++++---- .../references/setup.md | 2 +- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/skills/igniteui-angular-components/references/form-controls.md b/skills/igniteui-angular-components/references/form-controls.md index 9ed134f537e..75a4bf2d456 100644 --- a/skills/igniteui-angular-components/references/form-controls.md +++ b/skills/igniteui-angular-components/references/form-controls.md @@ -109,9 +109,11 @@ Implements `ControlValueAccessor` and `Validator`. Works with both reactive and > **Docs:** [Date Range Picker](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-range-picker) ```typescript -import { IgxDateRangePickerComponent } from 'igniteui-angular/date-range-picker'; -import { IgxDateTimeEditorDirective } from 'igniteui-angular/date-time-editor'; +import { IgxDateRangePickerComponent } from 'igniteui-angular/directives'; +import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives'; import { IGX_INPUT_GROUP_DIRECTIVES } from 'igniteui-angular/input-group'; + +// import { IgxDateTimeEditorDirective, IGX_INPUT_GROUP_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package ``` ```html @@ -186,7 +188,13 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; > **Docs:** [Slider Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider/slider) ```typescript -import { IgxSliderComponent, SliderType } from 'igniteui-angular/slider'; +import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; + +public sliderType = IgxSliderType; + public priceRange = { + lower: 200, + upper: 800 + }; ``` ```html @@ -195,7 +203,7 @@ import { IgxSliderComponent, SliderType } from 'igniteui-angular/slider'; Date: Wed, 25 Feb 2026 15:34:00 +0200 Subject: [PATCH 3/7] last time --- skills/igniteui-angular-grids/references/data-operations.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/skills/igniteui-angular-grids/references/data-operations.md b/skills/igniteui-angular-grids/references/data-operations.md index 515f545ce09..d8206534e77 100644 --- a/skills/igniteui-angular-grids/references/data-operations.md +++ b/skills/igniteui-angular-grids/references/data-operations.md @@ -145,7 +145,8 @@ Sorting modes: ### Programmatic Sorting ```typescript -import { SortingDirection } from 'igniteui-angular/grids/core'; +import { SortingDirection } from 'igniteui-angular/core'; +// import { SortingDirection } from '@infragistics/igniteui-angular/core'; for licensed package // Sort a single column this.gridRef().sort({ fieldName: 'name', dir: SortingDirection.Asc, ignoreCase: true }); From 5844940ec31f13543bdb95ef9cff39a415b4fd09 Mon Sep 17 00:00:00 2001 From: zdrawku Date: Wed, 25 Feb 2026 15:36:14 +0200 Subject: [PATCH 4/7] last time --- skills/igniteui-angular-components/references/data-display.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/data-display.md b/skills/igniteui-angular-components/references/data-display.md index b25a99eb154..0700af38714 100644 --- a/skills/igniteui-angular-components/references/data-display.md +++ b/skills/igniteui-angular-components/references/data-display.md @@ -215,7 +215,7 @@ import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; ```typescript import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; -import { IgxCircularProgressBarComponent } from 'igniteui-igniteui-angular/progressbar'; +import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; ``` ```html From 10cae7105a689e796a1341193a752a350b055d9c Mon Sep 17 00:00:00 2001 From: zdrawku Date: Wed, 25 Feb 2026 15:38:03 +0200 Subject: [PATCH 5/7] date picker improvement --- skills/igniteui-angular-components/references/form-controls.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/form-controls.md b/skills/igniteui-angular-components/references/form-controls.md index 75a4bf2d456..1c465bc2496 100644 --- a/skills/igniteui-angular-components/references/form-controls.md +++ b/skills/igniteui-angular-components/references/form-controls.md @@ -109,7 +109,7 @@ Implements `ControlValueAccessor` and `Validator`. Works with both reactive and > **Docs:** [Date Range Picker](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-range-picker) ```typescript -import { IgxDateRangePickerComponent } from 'igniteui-angular/directives'; +import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives'; import { IGX_INPUT_GROUP_DIRECTIVES } from 'igniteui-angular/input-group'; From 8a7d918fa9b0341acdb589f51d4026fed2f7e422 Mon Sep 17 00:00:00 2001 From: zdrawku Date: Thu, 26 Feb 2026 18:15:50 +0200 Subject: [PATCH 6/7] Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into zkolev/addressing-comments-from-skill --- skills/igniteui-angular-components/SKILL.md | 2 +- skills/igniteui-angular-grids/SKILL.md | 2 +- skills/igniteui-angular-theming/SKILL.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index 61220825156..d31acbf5501 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -1,6 +1,6 @@ --- name: igniteui-angular-components -description: "All Ignite UI Angular UI components: application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper, Accordion, Splitter, Navigation Drawer, Layout Manager), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress bar, Linear Progress Bar, Circular Progress Bar, Chat), feedback/overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart, IgxCategoryChart, IgxFinancialChart, IgxDataChart, IgxPieChart). Use for any non-grid Ignite UI Angular UI question." +description: "Provides guidance on all non-grid Ignite UI for Angular UI components including app setup, form controls (Input, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider), layout (Tabs, Stepper, Accordion, Splitter, Navigation Drawer), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress Bars, Chat), feedback overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts. Use when users ask about any Ignite UI Angular component that is not a data grid, such as forms, inputs, dropdowns, date pickers, dialogs, navigation, lists, trees, cards, charts, or application scaffolding and setup." user-invokable: true --- diff --git a/skills/igniteui-angular-grids/SKILL.md b/skills/igniteui-angular-grids/SKILL.md index 0c5a9ba27f0..5e0163b7110 100644 --- a/skills/igniteui-angular-grids/SKILL.md +++ b/skills/igniteui-angular-grids/SKILL.md @@ -1,6 +1,6 @@ --- name: igniteui-angular-grids -description: "All grid topics for Ignite UI Angular: grid setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote data, state persistence, Tree Grid, Hierarchical Grid, Grid Lite, and Pivot Grid. Use for any grid-related question." +description: "Provides guidance on all Ignite UI for Angular data grid types (Flat Grid, Tree Grid, Hierarchical Grid, Grid Lite, Pivot Grid) including setup, column configuration, sorting, filtering, selection, editing, grouping, summaries, toolbar, export, paging, remote data, and state persistence. Use when users ask about grids, tables, data grids, tabular data display, cell editing, batch editing, row selection, column pinning, column hiding, grouping rows, pivot tables, tree-structured data, hierarchical data, master-detail views, or exporting grid data." user-invokable: true --- diff --git a/skills/igniteui-angular-theming/SKILL.md b/skills/igniteui-angular-theming/SKILL.md index 7f486c7e45e..e74f7bdb45b 100644 --- a/skills/igniteui-angular-theming/SKILL.md +++ b/skills/igniteui-angular-theming/SKILL.md @@ -1,6 +1,6 @@ --- name: igniteui-angular-theming -description: "Customize Ignite UI components styling using the igniteui-theming MCP server for AI-assisted theming. Use when users ask to theme or restyle Ignite UI components, change the color palette, switch between light and dark themes, apply or generate a global theme, customize typography or elevations, or configure component-level styles." +description: "Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server. Use when users ask to theme, restyle, or style Ignite UI components, change colors or the color palette, switch between light and dark themes, create or apply a global theme, customize typography or elevation shadows, adjust spacing, sizing, or roundness, or configure per-component design tokens." user-invokable: true --- From 6dde4eaa712b114d8fefb8f02c3d40f40ed5d491 Mon Sep 17 00:00:00 2001 From: zdrawku Date: Thu, 26 Feb 2026 18:20:33 +0200 Subject: [PATCH 7/7] Update the components skill --- skills/igniteui-angular-components/SKILL.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index d31acbf5501..d1b75aa63c4 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -1,6 +1,6 @@ --- name: igniteui-angular-components -description: "Provides guidance on all non-grid Ignite UI for Angular UI components including app setup, form controls (Input, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider), layout (Tabs, Stepper, Accordion, Splitter, Navigation Drawer), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress Bars, Chat), feedback overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts. Use when users ask about any Ignite UI Angular component that is not a data grid, such as forms, inputs, dropdowns, date pickers, dialogs, navigation, lists, trees, cards, charts, or application scaffolding and setup." +description: "Provides guidance on all non-grid Ignite UI for Angular UI components including application setup and architecture, form controls (Input Group, Combo, Select, Date/Time Pickers, Calendar, Checkbox, Radio, Switch, Slider, reactive forms), layout (Tabs, Bottom Navigation, Stepper, Accordion, Splitter, Navigation Drawer, Layout Manager), data display (List, Tree, Card, Chips, Avatar, Badge, Icon, Carousel, Paginator, Progress Bar, Linear Progress Bar, Circular Progress Bar, Chat), feedback/overlays (Dialog, Snackbar, Toast, Banner), directives (Button, Ripple, Tooltip, Drag and Drop), Dock Manager, and Charts (Area Chart, Bar Chart, Column Chart, Stock/Financial Chart, Pie Chart, IgxCategoryChart, IgxFinancialChart, IgxDataChart, IgxPieChart). Use when users ask about any Ignite UI Angular component that is not a data grid, such as forms, inputs, dropdowns, date pickers, dialogs, navigation, lists, trees, cards, charts, or application scaffolding and setup." user-invokable: true ---