From 3d8c2d27bec287a363213b47e09497f1298feb5d Mon Sep 17 00:00:00 2001 From: georgianastasov Date: Mon, 20 Apr 2026 15:15:45 +0300 Subject: [PATCH 1/7] docs(skills): add package-routing guidance to Ignite UI React AI skills --- skills/igniteui-react-components/SKILL.md | 25 ++++++++++++++++++++--- 1 file changed, 22 insertions(+), 3 deletions(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 4274fff..658a204 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -8,6 +8,23 @@ user-invocable: true This skill covers everything from identifying the right component for a UI requirement to installing, setting up, and using Ignite UI for React components — including JSX patterns, event handling, refs, controlled/uncontrolled form components, and TypeScript. +## Before You Answer + +- Do not guess package names or import paths from memory. +- First identify the component family, then read the relevant reference files from the Content Guide below. +- Check `package.json` and keep public or licensed package names consistent. + +### Package Routing + +| Component family | Package | +|---|---| +| Core UI components | `igniteui-react` / `@infragistics/igniteui-react` | +| Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | +| Grid Lite | `igniteui-react/grid-lite` + `igniteui-grid-lite` | +| Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | +| Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | +| Maps | `igniteui-react-maps` / `@infragistics/igniteui-react-maps` | + ## Example Usage - "What component should I use to display a list of items with actions?" @@ -58,9 +75,11 @@ This skill is organized into focused reference files. Load the appropriate file --- -## Quick Start +## Quick Start (Core UI Example) + +This example uses the core UI package `igniteui-react`. For grids, Grid Lite, charts, gauges, and maps, use the package routing table above first. -### 1. Install +### 1. Install Core UI Package ```bash npm install igniteui-react @@ -143,7 +162,7 @@ Use [COMPONENT-CATALOGUE.md](./reference/COMPONENT-CATALOGUE.md) to map any UI n ## Best Practices -1. **Start with the MIT package** (`igniteui-react`) — it covers most common UI needs +1. **Use the package routing table first** 2. **Import theme CSS first** — components need it to render correctly 3. **Register chart/gauge/map modules** — call `.register()` at module level 4. **Wrap charts/gauges/maps in sized containers** — they need explicit dimensions From cc4ae7105a3b837fe3f2fb891a562440d1634b85 Mon Sep 17 00:00:00 2001 From: georgianastasov Date: Mon, 20 Apr 2026 15:31:52 +0300 Subject: [PATCH 2/7] fix(skills): update package routing table to include import paths --- skills/igniteui-react-components/SKILL.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 658a204..9be758f 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -16,14 +16,14 @@ This skill covers everything from identifying the right component for a UI requi ### Package Routing -| Component family | Package | -|---|---| -| Core UI components | `igniteui-react` / `@infragistics/igniteui-react` | -| Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | -| Grid Lite | `igniteui-react/grid-lite` + `igniteui-grid-lite` | -| Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | -| Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | -| Maps | `igniteui-react-maps` / `@infragistics/igniteui-react-maps` | +| Component family | Install packages | Import from | +|---|---|---| +| Core UI components | `igniteui-react` / `@infragistics/igniteui-react` | `igniteui-react` | +| Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | `igniteui-react-grids` | +| Grid Lite | `igniteui-react` + `igniteui-grid-lite` | `igniteui-react/grid-lite` | +| Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | `igniteui-react-charts` | +| Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | `igniteui-react-gauges` | +| Maps | `igniteui-react-maps` / `@infragistics/igniteui-react-maps` | `igniteui-react-maps` | ## Example Usage From 0811e9392ebaa0cb7a32b904dccbfedc2be40e42 Mon Sep 17 00:00:00 2001 From: Georgi Anastasov <48180072+georgianastasov@users.noreply.github.com> Date: Mon, 20 Apr 2026 16:51:12 +0300 Subject: [PATCH 3/7] Update skills/igniteui-react-components/SKILL.md Co-authored-by: Konstantin Dinev --- skills/igniteui-react-components/SKILL.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 9be758f..75e9082 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -18,7 +18,7 @@ This skill covers everything from identifying the right component for a UI requi | Component family | Install packages | Import from | |---|---|---| -| Core UI components | `igniteui-react` / `@infragistics/igniteui-react` | `igniteui-react` | +| Core UI components | `igniteui-react` | `igniteui-react` | | Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | `igniteui-react-grids` | | Grid Lite | `igniteui-react` + `igniteui-grid-lite` | `igniteui-react/grid-lite` | | Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | `igniteui-react-charts` | From 3f7f7139b5d2c143c545807d4780fc97618c005c Mon Sep 17 00:00:00 2001 From: Georgi Anastasov <48180072+georgianastasov@users.noreply.github.com> Date: Mon, 20 Apr 2026 16:51:19 +0300 Subject: [PATCH 4/7] Update skills/igniteui-react-components/SKILL.md Co-authored-by: Konstantin Dinev --- skills/igniteui-react-components/SKILL.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 75e9082..5f28801 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -20,7 +20,7 @@ This skill covers everything from identifying the right component for a UI requi |---|---|---| | Core UI components | `igniteui-react` | `igniteui-react` | | Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | `igniteui-react-grids` | -| Grid Lite | `igniteui-react` + `igniteui-grid-lite` | `igniteui-react/grid-lite` | +| Grid Lite | `igniteui-react`, `igniteui-grid-lite` | `igniteui-react`, `igniteui-grid-lite` | | Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | `igniteui-react-charts` | | Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | `igniteui-react-gauges` | | Maps | `igniteui-react-maps` / `@infragistics/igniteui-react-maps` | `igniteui-react-maps` | From 9862f9a7541396548770a410187c228cb559f85d Mon Sep 17 00:00:00 2001 From: Georgi Anastasov <48180072+georgianastasov@users.noreply.github.com> Date: Mon, 20 Apr 2026 16:51:27 +0300 Subject: [PATCH 5/7] Update skills/igniteui-react-components/SKILL.md Co-authored-by: Konstantin Dinev --- skills/igniteui-react-components/SKILL.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 5f28801..009e337 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -19,7 +19,7 @@ This skill covers everything from identifying the right component for a UI requi | Component family | Install packages | Import from | |---|---|---| | Core UI components | `igniteui-react` | `igniteui-react` | -| Advanced grids | `igniteui-react-grids` / `@infragistics/igniteui-react-grids` | `igniteui-react-grids` | +| Advanced grids | `igniteui-react-grids` (trial) `@infragistics/igniteui-react-grids` (licensed) | `igniteui-react-grids` | | Grid Lite | `igniteui-react`, `igniteui-grid-lite` | `igniteui-react`, `igniteui-grid-lite` | | Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | `igniteui-react-charts` | | Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | `igniteui-react-gauges` | From 495cc0a53725097c6102eef219abad8f23e0bd93 Mon Sep 17 00:00:00 2001 From: Georgi Anastasov <48180072+georgianastasov@users.noreply.github.com> Date: Mon, 20 Apr 2026 16:52:58 +0300 Subject: [PATCH 6/7] Update skills/igniteui-react-components/SKILL.md Co-authored-by: Konstantin Dinev --- skills/igniteui-react-components/SKILL.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index 009e337..d96b9c7 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -21,9 +21,9 @@ This skill covers everything from identifying the right component for a UI requi | Core UI components | `igniteui-react` | `igniteui-react` | | Advanced grids | `igniteui-react-grids` (trial) `@infragistics/igniteui-react-grids` (licensed) | `igniteui-react-grids` | | Grid Lite | `igniteui-react`, `igniteui-grid-lite` | `igniteui-react`, `igniteui-grid-lite` | -| Charts | `igniteui-react-charts` / `@infragistics/igniteui-react-charts` | `igniteui-react-charts` | -| Gauges | `igniteui-react-gauges` / `@infragistics/igniteui-react-gauges` | `igniteui-react-gauges` | -| Maps | `igniteui-react-maps` / `@infragistics/igniteui-react-maps` | `igniteui-react-maps` | +| Charts | `igniteui-react-charts` (trial) `@infragistics/igniteui-react-charts` (licensed) | `igniteui-react-charts` | +| Gauges | `igniteui-react-gauges` (trial) `@infragistics/igniteui-react-gauges` (licensed) | `igniteui-react-gauges` | +| Maps | `igniteui-react-maps` (trial) `@infragistics/igniteui-react-maps` (licensed) | `igniteui-react-maps` | ## Example Usage From 4a603ec38419766979b7f830f6fb95b04e5fe6a9 Mon Sep 17 00:00:00 2001 From: georgianastasov Date: Mon, 20 Apr 2026 16:54:32 +0300 Subject: [PATCH 7/7] docs(skills): add note on handling missing packages in package.json --- skills/igniteui-react-components/SKILL.md | 1 + 1 file changed, 1 insertion(+) diff --git a/skills/igniteui-react-components/SKILL.md b/skills/igniteui-react-components/SKILL.md index d96b9c7..e9d662e 100644 --- a/skills/igniteui-react-components/SKILL.md +++ b/skills/igniteui-react-components/SKILL.md @@ -13,6 +13,7 @@ This skill covers everything from identifying the right component for a UI requi - Do not guess package names or import paths from memory. - First identify the component family, then read the relevant reference files from the Content Guide below. - Check `package.json` and keep public or licensed package names consistent. +- If the required package is not present in `package.json`, add or install the correct Ignite UI dependency first. Absence from `package.json` does not mean the package is invalid. ### Package Routing