From 385e6bf709c4d10c8db2e9ff9642acc6df2689b7 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 11:07:06 +0300 Subject: [PATCH 01/12] feat(skills): updating all skills with igniteui-cli mcp refs --- skills/igniteui-angular-components/SKILL.md | 19 +++++ .../references/charts.md | 1 + .../references/data-display.md | 3 + .../references/directives.md | 3 + .../references/feedback.md | 3 + .../references/form-controls.md | 3 + .../references/layout-manager.md | 3 + .../references/layout.md | 3 + .../references/mcp-setup.md | 77 +++++++++++++++++++ 9 files changed, 115 insertions(+) create mode 100644 skills/igniteui-angular-components/references/mcp-setup.md diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index 1986d57a876..83448acf2ef 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -6,6 +6,25 @@ user-invocable: true # Ignite UI for Angular — UI Components +## Prerequisites + +- The **Ignite UI CLI MCP server** (`igniteui-cli`) available as a tool provider + +> **AGENT INSTRUCTION — MCP Server Setup (REQUIRED)** +> +> Before using any theming tools, you MUST verify the MCP server is available +> by calling `list_components`. If the tool is not available or the call fails, +> you MUST automatically configure it by following the setup process steps described below. +> +> After writing the file, inform the user that the MCP server has been +> configured and they may need to reload the editor for the tools to activate. +> Start the MCP server and wait for that MCP server to start before continuing the theming related work. +> Do NOT skip this step or ask the user to do it manually. + +## Setting Up the Theming MCP Server + +> **Full setup instructions for VS Code, Cursor, Claude Desktop, and JetBrains IDEs are in [`references/mcp-setup.md`](./references/mcp-setup.md).** Read that file for editor-specific configuration steps and verification. + ## MANDATORY AGENT PROTOCOL — YOU MUST FOLLOW THIS BEFORE PRODUCING ANY OUTPUT **This file is a routing hub only. It contains NO code examples and NO API details.** diff --git a/skills/igniteui-angular-components/references/charts.md b/skills/igniteui-angular-components/references/charts.md index 06ac70b56a3..454290720a3 100644 --- a/skills/igniteui-angular-components/references/charts.md +++ b/skills/igniteui-angular-components/references/charts.md @@ -15,6 +15,7 @@ ## Overview Ignite UI for Angular Charts provides 65+ chart types for data visualization. Charts are packaged separately in `igniteui-angular-charts` (or `@infragistics/igniteui-angular-charts` for licensed users). +This reference give high-level guidance on when to use each chart type, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific chart component or feature you're interested in. ### Chart Component packages - `igniteui-angular-charts` — Category Chart, Financial Chart, Data Chart, and Pie Chart components (NPM) diff --git a/skills/igniteui-angular-components/references/data-display.md b/skills/igniteui-angular-components/references/data-display.md index c63c3c1ac9c..e74fbdb7e34 100644 --- a/skills/igniteui-angular-components/references/data-display.md +++ b/skills/igniteui-angular-components/references/data-display.md @@ -16,6 +16,9 @@ - [Progress Indicators](#progress-indicators) - [Chat (AI Chat Component)](#chat-ai-chat-component) +## Overview +This reference give high-level guidance on when to use each data display component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. + ## List > **Docs:** [List Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/list) diff --git a/skills/igniteui-angular-components/references/directives.md b/skills/igniteui-angular-components/references/directives.md index e32b2cb0571..de0ace109f4 100644 --- a/skills/igniteui-angular-components/references/directives.md +++ b/skills/igniteui-angular-components/references/directives.md @@ -11,6 +11,9 @@ - [Tooltip](#tooltip) - [Drag and Drop](#drag-and-drop) +## Overview +This reference give high-level guidance on when to use each directive, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific directive or feature you're interested in. + ## Button & Icon Button > **Docs:** [Button Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/button) diff --git a/skills/igniteui-angular-components/references/feedback.md b/skills/igniteui-angular-components/references/feedback.md index 3e65adb6d17..019ff13a8d3 100644 --- a/skills/igniteui-angular-components/references/feedback.md +++ b/skills/igniteui-angular-components/references/feedback.md @@ -13,6 +13,9 @@ - [Banner](#banner) - [Key Rules](#key-rules) +## Overview +This reference give high-level guidance on when to use each feedback and overlay component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. + ## Dialog > **Docs:** [Dialog Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/dialog) diff --git a/skills/igniteui-angular-components/references/form-controls.md b/skills/igniteui-angular-components/references/form-controls.md index 27f0b3f484a..4663d710b78 100644 --- a/skills/igniteui-angular-components/references/form-controls.md +++ b/skills/igniteui-angular-components/references/form-controls.md @@ -18,6 +18,9 @@ - [Reactive Forms Integration](#reactive-forms-integration) - [Key Rules](#key-rules) +## Overview +This reference give high-level guidance on when to use each form control component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. + ## Input Group > **Docs:** [Input Group](https://www.infragistics.com/products/ignite-ui-angular/angular/components/input-group) diff --git a/skills/igniteui-angular-components/references/layout-manager.md b/skills/igniteui-angular-components/references/layout-manager.md index 36fc1f55871..24cff45f527 100644 --- a/skills/igniteui-angular-components/references/layout-manager.md +++ b/skills/igniteui-angular-components/references/layout-manager.md @@ -9,6 +9,9 @@ - [Dock Manager](#dock-manager) - [Tile Manager](#tile-manager) +## Overview +This reference give high-level guidance on when to use each layout manager component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. + --- ## Layout Manager Directives diff --git a/skills/igniteui-angular-components/references/layout.md b/skills/igniteui-angular-components/references/layout.md index cb5ee4e2563..92f2497e760 100644 --- a/skills/igniteui-angular-components/references/layout.md +++ b/skills/igniteui-angular-components/references/layout.md @@ -12,6 +12,9 @@ - [Splitter](#splitter) - [Navigation Drawer](#navigation-drawer) +## Overview +This reference give high-level guidance on when to use each layout component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. + ## Tabs > **Docs:** [Tabs Component](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabs) diff --git a/skills/igniteui-angular-components/references/mcp-setup.md b/skills/igniteui-angular-components/references/mcp-setup.md new file mode 100644 index 00000000000..1d70f4de9a0 --- /dev/null +++ b/skills/igniteui-angular-components/references/mcp-setup.md @@ -0,0 +1,77 @@ +# Setting Up the Ignite UI CLI MCP Server + +> **Part of the [`igniteui-angular-components`](../SKILL.md) skill hub.** + +## Contents + +- [VS Code](#vs-code) +- [Cursor](#cursor) +- [Claude Desktop](#claude-desktop) +- [WebStorm / JetBrains IDEs](#webstorm--jetbrains-ides) +- [Verifying the Setup](#verifying-the-setup) + +The Ignite UI CLI MCP server enables AI assistants to generate production-ready theming code. It must be configured in your editor before the theming tools become available. + +## VS Code + +Create or edit `.vscode/mcp.json` in your project: + +```json +{ + "servers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli@next", "mcp"] + } + } +} +``` + +This works whether `igniteui-cli` is installed locally in `node_modules` or needs to be pulled from the npm registry — `npx -y` handles both cases. + +## Cursor + +Create or edit `.cursor/mcp.json`: + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli@next", "mcp"] + } + } +} +``` + +## Claude Desktop + +Edit the Claude Desktop config file: +- **macOS**: `~/Library/Application Support/Claude/claude_desktop_config.json` +- **Windows**: `%APPDATA%\Claude\claude_desktop_config.json` + +```json +{ + "mcpServers": { + "igniteui-cli": { + "command": "npx", + "args": ["-y", "igniteui-cli@next", "mcp"] + } + } +} +``` + +## WebStorm / JetBrains IDEs + +1. Go to **Settings → Tools → AI Assistant → MCP Servers** +2. Click **+ Add MCP Server** +3. Set Command to `npx` and Arguments to `igniteui-cli@next mcp` +4. Click OK and restart the AI Assistant + +## Verifying the Setup + +After configuring the MCP server, ask your AI assistant: + +> "List all available Ignite UI components" + +If the MCP server is running, the `list_components` tool will return all available components for the detected framework. From 37001f6aa85cdfaa0231b82d2deaace859ca3c3f Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:51:32 +0300 Subject: [PATCH 02/12] Update skills/igniteui-angular-components/references/layout.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/layout.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/layout.md b/skills/igniteui-angular-components/references/layout.md index 92f2497e760..86819fff7eb 100644 --- a/skills/igniteui-angular-components/references/layout.md +++ b/skills/igniteui-angular-components/references/layout.md @@ -13,7 +13,7 @@ - [Navigation Drawer](#navigation-drawer) ## Overview -This reference give high-level guidance on when to use each layout component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. +This reference gives high-level guidance on when to use each layout component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. ## Tabs From ce69b3fa0d22f1f8b0c03f41fd9c3d4bc208dda8 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:51:40 +0300 Subject: [PATCH 03/12] Update skills/igniteui-angular-components/references/form-controls.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- 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 4663d710b78..ae6c2bd1314 100644 --- a/skills/igniteui-angular-components/references/form-controls.md +++ b/skills/igniteui-angular-components/references/form-controls.md @@ -19,7 +19,7 @@ - [Key Rules](#key-rules) ## Overview -This reference give high-level guidance on when to use each form control component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. +This reference gives high-level guidance on when to use each form control component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. ## Input Group From 0a40f1f531a1650a334a5f0a832bbb0a128353be Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:51:51 +0300 Subject: [PATCH 04/12] Update skills/igniteui-angular-components/references/directives.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/directives.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/directives.md b/skills/igniteui-angular-components/references/directives.md index de0ace109f4..7b242d17c28 100644 --- a/skills/igniteui-angular-components/references/directives.md +++ b/skills/igniteui-angular-components/references/directives.md @@ -12,7 +12,7 @@ - [Drag and Drop](#drag-and-drop) ## Overview -This reference give high-level guidance on when to use each directive, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific directive or feature you're interested in. +This reference gives high-level guidance on when to use each directive, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific directive or feature you're interested in. ## Button & Icon Button From 354db2d3d953d0fb3e64818b2f9487dc857ace07 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:52:05 +0300 Subject: [PATCH 05/12] Update skills/igniteui-angular-components/SKILL.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- 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 83448acf2ef..7558a7569f9 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -8,7 +8,7 @@ user-invocable: true ## Prerequisites -- The **Ignite UI CLI MCP server** (`igniteui-cli`) available as a tool provider +- The **Ignite UI CLI MCP server** (`igniteui-cli`) is available as a tool provider > **AGENT INSTRUCTION — MCP Server Setup (REQUIRED)** > From 2aca8941947b3a8ef5688cf81a29a243c26efb05 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:52:24 +0300 Subject: [PATCH 06/12] Update skills/igniteui-angular-components/SKILL.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/SKILL.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index 7558a7569f9..837221fa13c 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -12,16 +12,16 @@ user-invocable: true > **AGENT INSTRUCTION — MCP Server Setup (REQUIRED)** > -> Before using any theming tools, you MUST verify the MCP server is available +> Before using any Ignite UI CLI MCP tools, you MUST verify the MCP server is available > by calling `list_components`. If the tool is not available or the call fails, > you MUST automatically configure it by following the setup process steps described below. > > After writing the file, inform the user that the MCP server has been > configured and they may need to reload the editor for the tools to activate. -> Start the MCP server and wait for that MCP server to start before continuing the theming related work. +> Start the MCP server and wait for that MCP server to start before continuing the component-related work. > Do NOT skip this step or ask the user to do it manually. -## Setting Up the Theming MCP Server +## Setting Up the Ignite UI CLI MCP Server > **Full setup instructions for VS Code, Cursor, Claude Desktop, and JetBrains IDEs are in [`references/mcp-setup.md`](./references/mcp-setup.md).** Read that file for editor-specific configuration steps and verification. From edb1a91b099d0331746a7dd4c35d1c1fa0e0c465 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:52:50 +0300 Subject: [PATCH 07/12] Update skills/igniteui-angular-components/references/mcp-setup.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/mcp-setup.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/mcp-setup.md b/skills/igniteui-angular-components/references/mcp-setup.md index 1d70f4de9a0..8a18711807f 100644 --- a/skills/igniteui-angular-components/references/mcp-setup.md +++ b/skills/igniteui-angular-components/references/mcp-setup.md @@ -10,7 +10,7 @@ - [WebStorm / JetBrains IDEs](#webstorm--jetbrains-ides) - [Verifying the Setup](#verifying-the-setup) -The Ignite UI CLI MCP server enables AI assistants to generate production-ready theming code. It must be configured in your editor before the theming tools become available. +The Ignite UI CLI MCP server enables AI assistants to discover Ignite UI components, access component documentation, and support related Ignite UI workflows. It must be configured in your editor before these tools become available. ## VS Code From 75040963a759db8595053c3c54606b928856f439 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:53:01 +0300 Subject: [PATCH 08/12] Update skills/igniteui-angular-components/references/layout-manager.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/layout-manager.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/layout-manager.md b/skills/igniteui-angular-components/references/layout-manager.md index 24cff45f527..d49d8e36400 100644 --- a/skills/igniteui-angular-components/references/layout-manager.md +++ b/skills/igniteui-angular-components/references/layout-manager.md @@ -10,7 +10,7 @@ - [Tile Manager](#tile-manager) ## Overview -This reference give high-level guidance on when to use each layout manager component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. +This reference gives high-level guidance on when to use each layout manager component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. --- From f1b7bbd6660009a921483fff453672290070491a Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:53:12 +0300 Subject: [PATCH 09/12] Update skills/igniteui-angular-components/references/feedback.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/feedback.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/feedback.md b/skills/igniteui-angular-components/references/feedback.md index 019ff13a8d3..abdd9046b7c 100644 --- a/skills/igniteui-angular-components/references/feedback.md +++ b/skills/igniteui-angular-components/references/feedback.md @@ -14,7 +14,7 @@ - [Key Rules](#key-rules) ## Overview -This reference give high-level guidance on when to use each feedback and overlay component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. +This reference gives high-level guidance on when to use each feedback and overlay component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. ## Dialog From 1156cdc0c212b32414b4ae3844dcb9797b503fb1 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:53:21 +0300 Subject: [PATCH 10/12] Update skills/igniteui-angular-components/references/data-display.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- 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 e74fbdb7e34..2464d6ec8c7 100644 --- a/skills/igniteui-angular-components/references/data-display.md +++ b/skills/igniteui-angular-components/references/data-display.md @@ -17,7 +17,7 @@ - [Chat (AI Chat Component)](#chat-ai-chat-component) ## Overview -This reference give high-level guidance on when to use each data display component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. +This reference gives high-level guidance on when to use each data display component, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific component or feature you're interested in. ## List From 41632c6858f000479d91c75e827f094b56924ad2 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:53:30 +0300 Subject: [PATCH 11/12] Update skills/igniteui-angular-components/references/charts.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- skills/igniteui-angular-components/references/charts.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/skills/igniteui-angular-components/references/charts.md b/skills/igniteui-angular-components/references/charts.md index 454290720a3..a73586903eb 100644 --- a/skills/igniteui-angular-components/references/charts.md +++ b/skills/igniteui-angular-components/references/charts.md @@ -15,7 +15,7 @@ ## Overview Ignite UI for Angular Charts provides 65+ chart types for data visualization. Charts are packaged separately in `igniteui-angular-charts` (or `@infragistics/igniteui-angular-charts` for licensed users). -This reference give high-level guidance on when to use each chart type, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific chart component or feature you're interested in. +This reference gives high-level guidance on when to use each chart type, their key features, and common API members. For detailed documentation, call `get_doc` and `get_api_reference` from `igniteui-cli` with the specific chart component or feature you're interested in. ### Chart Component packages - `igniteui-angular-charts` — Category Chart, Financial Chart, Data Chart, and Pie Chart components (NPM) From d2f5ae813d709956c07f6e1c7bcd5978dedac661 Mon Sep 17 00:00:00 2001 From: Konstantin Dinev Date: Fri, 24 Apr 2026 13:59:11 +0300 Subject: [PATCH 12/12] fix(skills): addressing review comment on duplicate prerequisites in components --- skills/igniteui-angular-components/SKILL.md | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/skills/igniteui-angular-components/SKILL.md b/skills/igniteui-angular-components/SKILL.md index 837221fa13c..bd59ba8e33d 100644 --- a/skills/igniteui-angular-components/SKILL.md +++ b/skills/igniteui-angular-components/SKILL.md @@ -7,7 +7,11 @@ user-invocable: true # Ignite UI for Angular — UI Components ## Prerequisites - +- Angular 20+ project +- `@angular/cli` installed +- `igniteui-angular` or `@infragistics/igniteui-angular` added to the project via `ng add igniteui-angular` (or the `@infragistics` variant) or `npm install` — see [Package Variants](#package-variants) below. +- A theme applied to the application (see [`igniteui-angular-theming`](../igniteui-angular-theming/SKILL.md)). +- `provideAnimations()` in `app.config.ts` — **required before using any overlay or animated component** - The **Ignite UI CLI MCP server** (`igniteui-cli`) is available as a tool provider > **AGENT INSTRUCTION — MCP Server Setup (REQUIRED)** @@ -60,15 +64,6 @@ Base your code and explanation exclusively on what you read. If the reference fi --- -## Prerequisites - -- Angular 20+ project -- `@angular/cli` installed -- `igniteui-angular` or `@infragistics/igniteui-angular` added to the project via `ng add igniteui-angular` (or the `@infragistics` variant) or `npm install` — see [Package Variants](#package-variants) below. -- A theme applied to the application (see [`igniteui-angular-theming`](../igniteui-angular-theming/SKILL.md)). -- `provideAnimations()` in `app.config.ts` — **required before using any overlay or animated component** - - ## Package Variants | Package | Install | Who uses it |