Skip to content

Commit ca901c8

Browse files
authored
Merge pull request #6446 from IgniteUI/ibarakov/feat-6441
feat: add mcp related info, update templates
1 parent e69d811 commit ca901c8

9 files changed

Lines changed: 458 additions & 422 deletions

en/components/general/angular-grid-overview-guide.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ You can install Ignite UI for Angular with either the Angular CLI or with the [I
2525

2626
`ng add igniteui-angular`
2727

28-
This is the preferred option when you need to add Ignite UI for Angular to an [existing Angular application](getting-started.md#installing-ignite-ui-for-angular).
28+
This is the preferred option when you need to add Ignite UI for Angular to an [existing Angular application](getting-started.md#install-ignite-ui-for-angular).
2929

3030
If you’re creating a new application from scratch, we recommend the following approach:
3131

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,49 @@
11
---
2-
title: Angular Schematics | Angular CLI | Ignite UI for Angular | Infragistics
3-
_description: Angular Schematics and Ignite UI CLI help you get a jump start on creating and modifying projects with Ignite UI for Angular components.
4-
_keywords: igniteui for angular, angular schematics, cli, infragistics
2+
title: Angular Schematics & Ignite UI CLI | Ignite UI for Angular | Infragistics
3+
_description: The Ignite UI CLI and Ignite UI for Angular Schematics collection scaffold Angular projects and component views pre-configured for Ignite UI for Angular. Includes MCP server for AI assistant integration.
4+
_keywords: ignite ui for angular, angular schematics, ignite ui cli, scaffolding, infragistics
5+
last_updated: "2025-04-06"
56
---
67

8+
<!-- schema: Article -->
9+
710
# Angular Schematics & Ignite UI CLI
811

9-
Our CLI tools provide project templates pre-configured for Ignite UI for Angular that help you get your next app off the ground in record time. A selection of views with Ignite UI for Angular components that can be further added to projects provide a substantial productivity boost for developers.
12+
The Ignite UI CLI and the Ignite UI for Angular Schematics collection are two complementary scaffolding tools for generating Angular projects and component views pre-configured for Ignite UI for Angular. Both provide a guided step-by-step wizard and non-interactive command modes. Both produce the same project output - they differ only in how they integrate with your workflow.
13+
14+
The Ignite UI CLI does not manage Blazor or Web Components projects through this Angular toolchain. For the Angular-only Schematics workflow without a separate global tool, use `@igniteui/angular-schematics` directly with the Angular CLI. 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+
16+
## Ignite UI CLI
17+
18+
[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) is a standalone global command-line tool for creating and scaffolding applications across Angular, React, and jQuery. Install it with `npm install -g igniteui-cli` and invoke it with the `ig` command.
19+
20+
The CLI provides a guided wizard (`ig` or `ig new`) and non-interactive project creation (`ig new <name> --framework=angular --type=igx-ts`), component scaffolding (`ig add`), a development server (`ig start`), and a built-in MCP server for AI assistant integration (`ig mcp`).
21+
22+
For setup instructions and all available commands, see [Getting Started with Ignite UI CLI](./cli/getting-started-with-cli.md).
23+
24+
## Ignite UI for Angular Schematics
25+
26+
[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-schematics) are a schematic collection that integrates into the Angular CLI. The collection is added to your project automatically when you run `ng add igniteui-angular`. Invoke it with `ng new --collection="@igniteui/angular-schematics"` for project creation and `ng g @igniteui/angular-schematics:component` for component scaffolding.
27+
28+
The Schematics collection provides the same core project templates and component views as the CLI, within the native Angular CLI workflow. It does not include the MCP server - for AI assistant integration, use the Ignite UI CLI alongside your Angular CLI project.
29+
30+
For setup instructions see [Getting Started with Ignite UI for Angular Schematics](./cli/getting-started-with-angular-schematics.md).
31+
32+
## Step-by-Step Guides
33+
34+
Both tools support a guided interactive mode and a direct command mode:
35+
36+
- [Step-by-Step Guide Using Ignite UI CLI](./cli/step-by-step-guide-using-cli.md)
37+
- [Step-by-Step Guide Using Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.md)
38+
39+
## AI Assistant Integration (MCP)
40+
41+
The Ignite UI CLI includes a built-in MCP (Model Context Protocol) server that connects AI coding assistants - GitHub Copilot, Claude, Cursor, and others - to live Ignite UI component documentation and API references. Once configured, your AI assistant can look up component APIs, retrieve setup guides, and generate accurate Ignite UI for Angular code without leaving your editor.
1042

11-
[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) is a stand-alone command-line tool for creating and scaffolding applications for a variety of frameworks. You can find more information and examples about its usage in the [Getting Started with Ignite UI CLI](./cli/getting-started-with-cli.md) topic.
43+
Start the MCP server with:
1244

13-
[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-schematics) are available as a collection that can be used with the [Angular CLI](https://angular.io/guide/schematics#schematics-for-the-angular-cli). They offer similar core Ignite UI CLI functionality, but one that's integrated with the Schematics workflow and focused specifically on this product. The schematics collection is added to your project when you [install Ignite UI for Angular](getting-started.md#installing-ignite-ui-for-angular). You can find more information and examples about its usage in the [Getting Started with Ignite UI for Angular Schematics](./cli/getting-started-with-angular-schematics.md) topic.
45+
```cmd
46+
ig mcp
47+
```
1448

15-
Both versions of the tooling allow for various projects, component and scenario views (templates) and offer [guided step-by-step mode using Ignite UI CLI](./cli/step-by-step-guide-using-cli.md) and [Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.md).
49+
For client configuration (VS Code, Claude Desktop, Cursor) and a description of available tools, see [Ignite UI CLI MCP](../ai/cli-mcp.md).

0 commit comments

Comments
 (0)