feat(ng-schematics): add MCP server integration for AI assistant support by dkalinovInfra · Pull Request #1606 · IgniteUI/igniteui-cli

dkalinovInfra · 2026-04-03T11:53:22Z

Summary

Adds MCP server integration to the @igniteui/angular-schematics package, enabling AI assistants (GitHub Copilot, Cursor, etc.) to interact with Ignite UI documentation and scaffolding tools via the Model Context Protocol.

Changes

Angular CLI Builder (`ng run <project>:mcp`)

New Architect Builder at src/builders/mcp/ — starts the MCP server via ng run <project>:mcp
builders.json registry added alongside existing schematics collection
Supports --remote <url> and --debug options

Schematic (`ng generate @igniteui/angular-schematics:mcp`)

Hidden schematic at src/mcp/ as a fallback entry point
Same options: --remote, --debug

Project Scaffolding Integration

addAIConfig() in cli-config/index.ts now also registers the mcp architect target in angular.json during project creation
New projects get .vscode/mcp.json (for VS Code auto-discovery) and an mcp target in angular.json

Dependencies

Added @angular-devkit/architect (^21.0.0) to support builders
Added @igniteui/mcp-server (~15.0.0-rc.0) as dependency

Documentation

Updated root README.md: added React/Web Components to framework list, simplified build steps, fixed typos
Updated packages/ng-schematics/README.md with MCP server usage instructions

Usage

# Builder (preferred)
ng run my-app:mcp
ng run my-app:mcp --remote https://backend-url
ng run my-app:mcp --debug

# Schematic (alternative)
ng generate @igniteui/angular-schematics:mcp

Copilot

Pull request overview

Adds MCP server integration to @igniteui/angular-schematics so AI assistants can interact with Ignite UI docs/scaffolding via an Angular Architect builder (ng run <project>:mcp) and a hidden fallback schematic.

Changes:

Introduces an mcp Architect builder plus registry (builders.json) and registers the target into angular.json during project creation / ng add.
Adds a hidden mcp schematic as an alternative entry point and updates schematics collection metadata.
Updates repo and package documentation and adds dependencies (@igniteui/mcp-server, @angular-devkit/architect).

Reviewed changes

Copilot reviewed 12 out of 13 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
yarn.lock	Locks new DevKit architect dependency and its transitive deps.
README.md	Updates MCP usage/docs and general repo instructions/typos.
packages/ng-schematics/src/ng-new/index.ts	Registers MCP target during `ng new` flow.
packages/ng-schematics/src/mcp/schema.ts	Adds TS options interface for MCP schematic/builder.
packages/ng-schematics/src/mcp/schema.json	Adds schematic option schema for `remote`/`debug`.
packages/ng-schematics/src/mcp/index.ts	Adds hidden schematic that starts the MCP server.
packages/ng-schematics/src/collection.json	Registers the hidden `mcp` schematic.
packages/ng-schematics/src/cli-config/index.ts	Adds `addMcpBuilderTarget()` and wires it into config rules.
packages/ng-schematics/src/builders/mcp/schema.json	Adds builder option schema for `remote`/`debug`.
packages/ng-schematics/src/builders/mcp/index.ts	Implements `mcp` Architect builder to start the server.
packages/ng-schematics/src/builders.json	Registers the `mcp` builder implementation/schema.
packages/ng-schematics/README.md	Documents `ng run <project>:mcp` usage and options.
packages/ng-schematics/package.json	Exposes builders entry + adds architect/mcp-server deps.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

packages/ng-schematics/src/builders/mcp/index.ts

packages/ng-schematics/src/mcp/index.ts

packages/ng-schematics/package.json

dkalinovInfra · 2026-04-03T14:11:05Z

@copilot apply changes based on the comments in this thread

…ommand injection and align architect version Agent-Logs-Url: https://github.com/IgniteUI/igniteui-cli/sessions/87f53d3f-a82a-4e09-a71a-1c1f7a2a6dc9 Co-authored-by: dkalinovInfra <130121354+dkalinovInfra@users.noreply.github.com>

Copilot · 2026-04-03T14:17:44Z

@copilot apply changes based on the comments in this thread

Applied the changes from the review in commit 89ae4e3:

Command injection fix (both src/builders/mcp/index.ts and src/mcp/index.ts): Replaced Util.execSync with a shell-interpolated string with spawnSync(process.execPath, [mcpEntry, ...args], { stdio: "inherit" }), passing arguments as an array — eliminating the injection risk.
@angular-devkit/architect version: Updated from ^0.2100.0 to ^0.2102.0 to align with the Angular 21.2.x series used by the other @angular-devkit/* dependencies, reducing duplicate @angular-devkit/core versions (was 21.0.6 + 21.2.3, now 21.2.6 + 21.2.3).

damyanpetev · 2026-04-14T14:19:02Z

packages/ng-schematics/README.md

+
+```bash
+ng run <project>:mcp
+```


I get ng g is odd for a schematic integration that's not meant to actually generate any code (sadly that's the equivalent exposed through ng of the generic Schematics CLI), but having it as a builder isn't less awkward TBH.
The MCP is also not a builder and isn't associated with any project's build pipeline, so calling ng run client-app:mcp for example is off for me, especially if there are multiple projects in the workspace.

Also, not sure how starting the MCP server that way would be useful - I don't see any modification of the mcp.json and I'm not sure agents can discover and use the server like that to begin with.

This could also be just a bin script on either the schematics or the mcp package - depending on how you want it exposed and if the MCP is dep of the schematics or added as root dependency; basically ending up with identical integration as igniteui-cli just calling a different package in the config.

Also consider some vendor prefix for the name like at least ig-mcp if this remains as a builder, mcp alone is too generic.

damyanpetev · 2026-04-14T14:21:27Z

packages/ng-schematics/src/builders/mcp/index.ts

+		const mcpPkgJson = require.resolve("@igniteui/mcp-server/package.json");
+		mcpEntry = path.resolve(path.dirname(mcpPkgJson), "dist", "index.js");
+	} catch {
+		context.logger.error(
+			"MCP server package not found. Install it first:\n" +
+			"  yarn install\n"
+		);
+		return { success: false };


If you make the MCP a dep of the schematics package it'll always be there and you can directly import from it, if that suits us better.

damyanpetev · 2026-04-14T14:21:33Z

packages/ng-schematics/src/builders/mcp/index.ts

+	if (!fs.existsSync(mcpEntry)) {
+		context.logger.error(
+			"MCP server not built. Build it first:\n" +
+			"  npm run build:mcp\n"
+		);
+		return { success: false };
+	}


Surely, if that's user project context working with shipped packages they wouldn't need to build anything additionally themselves, right?

damyanpetev · 2026-04-14T14:30:28Z

packages/ng-schematics/src/mcp/index.ts

This one is a duplicate of packages/ng-schematics/src/builders/mcp/index.ts (or the other way around)

feat(ng-schematics): add MCP server integration for AI assistant support

adec265

Copilot AI review requested due to automatic review settings April 3, 2026 11:53

Copilot started reviewing on behalf of dkalinovInfra April 3, 2026 11:54 View session

Copilot AI reviewed Apr 3, 2026

View reviewed changes

packages/ng-schematics/src/builders/mcp/index.ts Outdated Show resolved Hide resolved

packages/ng-schematics/src/mcp/index.ts Outdated Show resolved Hide resolved

packages/ng-schematics/package.json Show resolved Hide resolved

packages/ng-schematics/package.json Show resolved Hide resolved

dkalinovInfra requested review from damyanpetev and kdinev April 3, 2026 13:41

Copilot started work on behalf of dkalinovInfra April 3, 2026 14:11 View session

Copilot finished work on behalf of dkalinovInfra April 3, 2026 14:18

kdinev added schematics mcp ❌ status: awaiting-test labels Apr 6, 2026

damyanpetev reviewed Apr 14, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(ng-schematics): add MCP server integration for AI assistant support#1606

feat(ng-schematics): add MCP server integration for AI assistant support#1606
dkalinovInfra wants to merge 2 commits intomasterfrom
dkalinov/angular_schematics_mcp_start

dkalinovInfra commented Apr 3, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

dkalinovInfra commented Apr 3, 2026

Uh oh!

Copilot AI commented Apr 3, 2026

Uh oh!

damyanpetev Apr 14, 2026

Uh oh!

damyanpetev Apr 14, 2026

Uh oh!

damyanpetev Apr 14, 2026

Uh oh!

damyanpetev Apr 14, 2026

Uh oh!

damyanpetev Apr 14, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

dkalinovInfra commented Apr 3, 2026

Summary

Changes

Angular CLI Builder (ng run <project>:mcp)

Schematic (ng generate @igniteui/angular-schematics:mcp)

Project Scaffolding Integration

Dependencies

Documentation

Usage

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

dkalinovInfra commented Apr 3, 2026

Uh oh!

Copilot AI commented Apr 3, 2026

Uh oh!

damyanpetev Apr 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev Apr 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev Apr 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev Apr 14, 2026

Choose a reason for hiding this comment

Uh oh!

damyanpetev Apr 14, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Angular CLI Builder (`ng run <project>:mcp`)

Schematic (`ng generate @igniteui/angular-schematics:mcp`)