Skip to content
This repository was archived by the owner on Jun 8, 2026. It is now read-only.

Commit a92b2f6

Browse files
radomirchevCopilotMarina-L-StoyanovaChronosSF
authored
docs(*): update-getting-started-cli-ai-config (#6470)
* docs(*): update-getting-started-cli-ai-config * docs(*): update-getting-started-with-angular-schematics-ai-config * Apply suggestions from code review Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * Apply suggestion from @radomirchev * Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * Potential fix for pull request finding Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> * fix(*): error-md060-table * Apply suggestions from code review Co-authored-by: Marina Stoyanova <Marina-L-Stoyanova@users.noreply.github.com> * Apply suggestion from @radomirchev * Apply suggestion from @radomirchev * Apply suggestions from code review Co-authored-by: Radoslav Mirchev <52001020+radomirchev@users.noreply.github.com> --------- Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com> Co-authored-by: Marina Stoyanova <Marina-L-Stoyanova@users.noreply.github.com> Co-authored-by: Stamen Stoychev <sstoychev@infragistics.com>
1 parent 047ae57 commit a92b2f6

2 files changed

Lines changed: 33 additions & 5 deletions

File tree

‎en/components/general/cli/getting-started-with-angular-schematics.md‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
title: Getting Started with Ignite UI for Angular Schematics | Ignite UI for Angular | Infragistics
33
_description: Install the Ignite UI for Angular Schematics collection and use it to scaffold Angular projects, add component views, and run a development server within the native Angular CLI workflow.
44
_keywords: ignite ui for angular, angular schematics, angular cli, scaffolding, getting started, infragistics
5-
last_updated: "2025-04-08"
5+
last_updated: "2026-04-21"
6+
_license: MIT
67
---
78

89
<!-- schema: Article, HowTo -->
@@ -11,7 +12,7 @@ last_updated: "2025-04-08"
1112

1213
The Ignite UI for Angular Schematics collection is a set of Angular CLI schematics for scaffolding Angular projects and component views pre-configured for Ignite UI for Angular. It integrates into the native Angular CLI workflow - use it with `ng new` for project creation and `ng g` for component scaffolding, without installing a separate global tool. The collection is distributed as the `@igniteui/angular-schematics` package and is added automatically when you run `ng add igniteui-angular` on an existing Angular project.
1314

14-
The Schematics collection does not include an MCP server for AI assistant integration - for that, install the [Ignite UI CLI](getting-started-with-cli.md) alongside your Angular CLI project. The collection is specific to Angular; React, Web Components, and Blazor equivalents are covered in their respective framework documentation. Neither tool is required to use Ignite UI for Angular - the library can be installed and configured manually as described in the [Getting Started guide](../getting-started.md).
15+
The Schematics collection does not run an MCP server - the MCP server process is provided by the Ignite UI CLI and starts via `npx -y igniteui-cli mcp`, where `-y` avoids the interactive `npx` confirmation prompt. The `ai-config` schematic configures the MCP client connection and copies Agent Skills without requiring a separate CLI install. The collection is specific to Angular; React, Web Components, and Blazor equivalents are covered in their respective framework documentation. Neither tool is required to use Ignite UI for Angular - the library can be installed and configured manually as described in the [Getting Started guide](../getting-started.md).
1516

1617
## Install the Schematics Collection
1718

@@ -176,3 +177,24 @@ The `start` schematic builds the application, starts a local web server, and ope
176177
```cmd
177178
ng g @igniteui/angular-schematics:start
178179
```
180+
181+
## AI Assistant Integration
182+
183+
The Ignite UI for Angular Schematics collection includes an `ai-config` schematic that configures Ignite UI for Angular Agent Skills and the Ignite UI MCP servers for your project in a single step. Run it from your project root after installing Ignite UI for Angular packages:
184+
185+
```cmd
186+
ng generate @igniteui/angular-schematics:ai-config
187+
```
188+
189+
This copies Ignite UI for Angular Agent Skills into `.claude/skills/` and writes three MCP server entries to `.vscode/mcp.json`: `@angular/cli`, `igniteui mcp`, and `igniteui-theming-mcp`. If the files already exist and are up-to-date, the command is a no-op.
190+
191+
If you have the Ignite UI CLI installed globally, the equivalent command is:
192+
193+
```cmd
194+
ig ai-config
195+
```
196+
197+
> [!NOTE]
198+
> The `ig ai-config` command configures only the two Ignite UI entries, `igniteui mcp` and `igniteui-theming-mcp`, and does not register `@angular/cli`. Use `ng generate @igniteui/angular-schematics:ai-config` to get all three servers configured in a single step.
199+
200+
For full setup instructions across all AI clients and Agent Skills wiring, see [Ignite UI CLI MCP](../../ai/cli-mcp.md).

‎en/components/general/cli/getting-started-with-cli.md‎

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22
title: Getting Started with Ignite UI CLI | Ignite UI for Angular | Infragistics
33
_description: Install the Ignite UI CLI globally and use it to scaffold Angular projects, add component views, run a development server, and connect an MCP server to your AI coding assistant.
44
_keywords: ignite ui cli, ignite ui for angular, angular scaffolding, getting started, infragistics
5-
last_updated: "2025-04-06"
5+
last_updated: "2026-04-21"
6+
_license: MIT
67
---
78

89
<!-- schema: Article, HowTo -->
@@ -208,13 +209,17 @@ ig start
208209

209210
The Ignite UI CLI includes a built-in MCP (Model Context Protocol) server that connects AI coding assistants - GitHub Copilot, Claude, Cursor - to live Ignite UI component documentation and API references. Once configured, your AI assistant can query component APIs, retrieve setup guides, and generate accurate Ignite UI for Angular code without switching context.
210211

211-
Start the MCP server:
212+
If your project was created with `ig new`, the VS Code MCP configuration is already generated in `.vscode/mcp.json` during scaffolding, and the Ignite UI for Angular Agent Skills are copied to `.claude/skills/`. If you are working with an existing project that is missing either or both of these, run `ig ai-config` from the project root to set up both the MCP configuration and the skills in one step.
213+
214+
```cmd
215+
ig ai-config
216+
If you want to configure your AI client manually, or use a client other than VS Code, start the MCP server directly:
212217
213218
```cmd
214219
ig mcp
215220
```
216221

217-
For client configuration (VS Code, Claude Desktop, Cursor) and a full description of available tools, see [Ignite UI CLI MCP](../../ai/cli-mcp.md).
222+
For client configuration (VS Code, Claude Desktop, Cursor, and others) and a full description of available tools, see [Ignite UI CLI MCP](../../ai/cli-mcp.md).
218223

219224
## Ignite UI CLI Commands
220225

@@ -232,3 +237,4 @@ A complete list of available Ignite UI CLI commands is maintained on the [Ignite
232237
| [ig test](https://github.com/IgniteUI/igniteui-cli/wiki/test) | | Executes the tests for the current project. |
233238
| ig version | -v | Shows the Ignite UI CLI version installed locally, or globally if no local installation is found. |
234239
| ig mcp | | Starts the Ignite UI MCP server, providing component documentation search and API reference tools to connected AI assistants. See [Ignite UI CLI MCP](../../ai/cli-mcp.md). |
240+
| ig ai-config | | Sets up AI integration for an existing project by copying Ignite UI for Angular Agent Skills into `.claude/skills/` and writing the Ignite UI MCP server configuration to `.vscode/mcp.json`. |

0 commit comments

Comments
 (0)