Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
3f04558
feat: add mcp related info, update templates
onlyexeption Apr 2, 2026
955cf26
chore: add blank line
onlyexeption Apr 2, 2026
1ef636b
chore: update getting-started to use igniteui cli
onlyexeption Apr 2, 2026
b310420
Update en/components/general/cli/step-by-step-guide-using-angular-sch…
onlyexeption Apr 2, 2026
36094fc
Update en/components/general/getting-started.md
onlyexeption Apr 2, 2026
6774dd1
Merge branch 'vnext' into ibarakov/feat-6441
onlyexeption Apr 2, 2026
4c6071e
chore: add links
onlyexeption Apr 6, 2026
07927bd
chore: update getting started
onlyexeption Apr 6, 2026
6116969
Revise Getting Started guide for Ignite UI for Angular
radomirchev Apr 6, 2026
7abdf56
Revise CLI overview for Ignite UI and Angular Schematics
radomirchev Apr 6, 2026
c5195b6
Revise Ignite UI CLI getting started documentation
radomirchev Apr 6, 2026
bfef4f5
Revise step-by-step guide for Angular Schematics
radomirchev Apr 6, 2026
9a3d83c
Update CLI documentation for project templates and commands
radomirchev Apr 6, 2026
ce588cd
fix: md links
onlyexeption Apr 7, 2026
42476e0
Apply suggestions from code review
onlyexeption Apr 7, 2026
a7fff01
fix: calendar tag name
onlyexeption Apr 7, 2026
c836117
Revise documentation for Angular Schematics setup
radomirchev Apr 7, 2026
b890ae9
Revise step-by-step guide for Ignite UI CLI
radomirchev Apr 7, 2026
9dda24e
Update component templates and add new scenarios
radomirchev Apr 7, 2026
ea3057c
Revise getting started guide for Angular Schematics
radomirchev Apr 7, 2026
c1a3fb2
Add newline at end of step-by-step guide
radomirchev Apr 7, 2026
7ebc822
Simplify scenario template descriptions
radomirchev Apr 7, 2026
913ff06
Merge branch 'vnext' into ibarakov/feat-6441
ChronosSF Apr 14, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion en/components/general/angular-grid-overview-guide.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ You can install Ignite UI for Angular with either the Angular CLI or with the [I

`ng add igniteui-angular`

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).
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).

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

Expand Down
48 changes: 41 additions & 7 deletions en/components/general/cli-overview.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,49 @@
---
title: Angular Schematics | Angular CLI | Ignite UI for Angular | Infragistics
_description: Angular Schematics and Ignite UI CLI help you get a jump start on creating and modifying projects with Ignite UI for Angular components.
_keywords: igniteui for angular, angular schematics, cli, infragistics
title: Angular Schematics & Ignite UI CLI | Ignite UI for Angular | Infragistics
_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.
_keywords: ignite ui for angular, angular schematics, ignite ui cli, scaffolding, infragistics
last_updated: "2025-04-06"
---

<!-- schema: Article -->

# Angular Schematics & Ignite UI CLI

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.
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.

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).

## Ignite UI CLI

[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.

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`).

For setup instructions and all available commands, see [Getting Started with Ignite UI CLI](./cli/getting-started-with-cli.md).

## Ignite UI for Angular Schematics

[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.

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.

For setup instructions see [Getting Started with Ignite UI for Angular Schematics](./cli/getting-started-with-angular-schematics.md).

## Step-by-Step Guides

Both tools support a guided interactive mode and a direct command mode:

- [Step-by-Step Guide Using Ignite UI CLI](./cli/step-by-step-guide-using-cli.md)
- [Step-by-Step Guide Using Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.md)

## AI Assistant Integration (MCP)

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.

[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.
Start the MCP server with:

[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.
```cmd
ig mcp
```

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).
For client configuration (VS Code, Claude Desktop, Cursor) and a description of available tools, see [Ignite UI CLI MCP](../ai/cli-mcp.md).
Loading
Loading