feat: enhance MCP configuration for multiple coding assistants and update related prompts

Co-authored-by: Copilot <copilot@github.com>

Author: 2 people

packages/cli/lib/commands/ai-config.ts

@@ -1,14 +1,15 @@
-import { addMcpServers, AI_AGENT_LABELS, AI_AGENT_CHOICES, AIAgentTarget, copyAgentInstructionFiles, copyAISkillsToProject, GoogleAnalytics, InquirerWrapper, Util, VS_CODE_MCP_PATH } from "@igniteui/cli-core";
+import { addMcpServers, AI_AGENT_LABELS, AI_AGENT_CHOICES, AIAgentTarget, copyAgentInstructionFiles, copyAISkillsToProject, GoogleAnalytics, InquirerWrapper, Util, AiCodingAssistant, AI_ASSISTANT_MCP_CONFIGS } from "@igniteui/cli-core";
 import { ArgumentsCamelCase, CommandModule } from "yargs";
 
-export function configureMCP(): void {
-	const modified = addMcpServers(VS_CODE_MCP_PATH);
+export function configureMCP(assistant: AiCodingAssistant = "vscode"): void {
+	const { mcpFilePath } = AI_ASSISTANT_MCP_CONFIGS[assistant];
+	const modified = addMcpServers(assistant);
 
 	if (!modified) {
-		Util.log(` Ignite UI MCP servers already configured in ${VS_CODE_MCP_PATH}`);
+		Util.log(` Ignite UI MCP servers already configured in ${mcpFilePath}`);
 		return;
 	}
-	Util.log(Util.greenCheck() + ` MCP servers configured in ${VS_CODE_MCP_PATH}`);
+	Util.log(Util.greenCheck() + ` MCP servers configured in ${mcpFilePath}`);
 }
 
 export function configureSkills(agents: AIAgentTarget[]): void {
@@ -26,20 +27,31 @@ export function configureSkills(agents: AIAgentTarget[]): void {
 	}
 }
 
-export async function configure(agents?: AIAgentTarget[], skills = true): Promise<void> {
+export async function configure(agents?: AIAgentTarget[], skills = true, assistant: AiCodingAssistant = "vscode"): Promise<void> {
 	if (!agents?.length) {
 		agents = await promptForAgents();
 	}
 	if (!agents.length) return;
-	configureMCP();
+	configureMCP(assistant);
 	if (skills) {
 		configureSkills(agents);
 	}
 	copyAgentInstructionFiles(agents);
 }
 const AI_AGENT_CHECKBOX_DEFAULTS: AIAgentTarget[] = ["generic", "claude"];
+
+const AI_ASSISTANT_CHOICES = Object.keys(AI_ASSISTANT_MCP_CONFIGS) as AiCodingAssistant[];
+
+const AI_ASSISTANT_LABELS: Record<AiCodingAssistant, string> = {
+	"vscode":      "VS Code (GitHub Copilot)",
+	"cursor":      "Cursor",
+	"claude-code": "Claude Code",
+	"gemini":      "Gemini",
+	"junie":       "JetBrains Junie",
+};
+
 const AI_AGENT_CHECKBOX_CHOICES = [
-	{ value: "none", name: "None (skip AI configuration)" },
+	{ value: "none", name: "None (skip skills and instructions)" },
 	...AI_AGENT_CHOICES.map(agent => ({
 		value: agent,
 		name: AI_AGENT_LABELS[agent],
@@ -51,7 +63,7 @@ export async function promptForAgents(): Promise<AIAgentTarget[]> {
 	let selected: AIAgentTarget[] = AI_AGENT_CHECKBOX_DEFAULTS;
 	if (Util.canPrompt()) {
 		const result = await InquirerWrapper.checkbox({
-			message: "Which AI tools do you want to generate configuration files for?",
+			message: "Which AI agents do you want to generate skills and instructions for?",
 			required: true,
 			choices: AI_AGENT_CHECKBOX_CHOICES
 		});
@@ -60,6 +72,14 @@ export async function promptForAgents(): Promise<AIAgentTarget[]> {
 	return selected;
 }
 
+export async function promptForAssistant(): Promise<AiCodingAssistant> {
+	const selected = await InquirerWrapper.select({
+		message: "Which coding assistant should MCP servers be configured for?",
+		choices: AI_ASSISTANT_CHOICES.map(a => ({ value: a, name: AI_ASSISTANT_LABELS[a] }))
+	});
+	return selected as AiCodingAssistant;
+}
+
 const command: CommandModule = {
 	command: "ai-config",
 	describe: "Configures Ignite UI AI tooling (MCP servers, AI coding skills and instructions)",
@@ -70,23 +90,36 @@ const command: CommandModule = {
 			describe: "AI agents/tools to generate configuration files for",
 			choices: AI_AGENT_CHOICES,
 			type: "array"
+		})
+		.option("assistant", {
+			describe: "Coding assistant to configure MCP servers for",
+			choices: AI_ASSISTANT_CHOICES,
+			type: "string"
 		}),
 	async handler(argv: ArgumentsCamelCase) {
 		let agents = argv.agent as AIAgentTarget[] | undefined;
+		let assistant = argv.assistant as AiCodingAssistant | undefined;
+
 		GoogleAnalytics.post({
 			t: "screenview",
 			cd: "Ai Config"
 		});
 
+		if (!assistant) {
+			assistant = await promptForAssistant();
+		}
 		if (!agents?.length) {
 			agents = await promptForAgents();
 		}
+
 		GoogleAnalytics.post({
 			t: "event",
 			ec: "$ig ai-config",
-			ea: `agent: ${agents.join(", ")}`
+			ea: `agent: ${agents.join(", ") || "none"}`
 		});
 
+		configureMCP(assistant);
+
 		if (!agents.length) {
 			Util.log("No AI configuration selected. Skipping.");
 			return;

packages/core/util/mcp-config.ts

@@ -7,6 +7,21 @@ export interface McpServerEntry {
 	args: string[];
 }
 
+export type AiCodingAssistant = "vscode" | "cursor" | "claude-code" | "gemini" | "junie";
+
+interface AssistantMcpConfig {
+	mcpFilePath: string;
+	rootKey: "servers" | "mcpServers";
+}
+
+export const AI_ASSISTANT_MCP_CONFIGS: Record<AiCodingAssistant, AssistantMcpConfig> = {
+	"vscode":      { mcpFilePath: ".vscode/mcp.json",      rootKey: "servers" },
+	"cursor":      { mcpFilePath: ".cursor/mcp.json",       rootKey: "mcpServers" },
+	"claude-code": { mcpFilePath: ".mcp.json",              rootKey: "mcpServers" },
+	"gemini":      { mcpFilePath: ".gemini/settings.json",  rootKey: "mcpServers" },
+	"junie":       { mcpFilePath: ".junie/mcp/mcp.json",    rootKey: "mcpServers" },
+};
+
 const IGNITEUI_MCP_SERVERS: Record<string, McpServerEntry> = {
 	"igniteui-cli": {
 		command: "npx",
@@ -18,18 +33,18 @@ const IGNITEUI_MCP_SERVERS: Record<string, McpServerEntry> = {
 	}
 };
 
-export const VS_CODE_MCP_PATH = ".vscode/mcp.json";
-
 /**
- * Reads .vscode/mcp.json, ensures all IgniteUI MCP servers are present,
+ * Reads the assistant-specific MCP config file, ensures all IgniteUI MCP servers are present,
  * optionally adds additional servers. Creates the file if it doesn't exist.
+ * @param assistant target AI coding assistant (defaults to "vscode")
  * @param additionalServers optional extra servers to include alongside the built-in ones
  * @returns whether the file was modified
  */
 export function addMcpServers(
-	mcpFilePath: string,
+	assistant: AiCodingAssistant = "vscode",
 	additionalServers?: Record<string, McpServerEntry>
 ): boolean {
+	const { mcpFilePath, rootKey } = AI_ASSISTANT_MCP_CONFIGS[assistant];
 	const fileSystem = App.container.get<IFileSystem>(FS_TOKEN);
 	const servers = { ...additionalServers, ...IGNITEUI_MCP_SERVERS };
 
@@ -44,20 +59,20 @@ export function addMcpServers(
 		if (Object.keys(servers).length === 0) {
 			return false;
 		}
-		fileSystem.writeFile(mcpFilePath, JSON.stringify({ servers }, null, 2) + "\n");
+		fileSystem.writeFile(mcpFilePath, JSON.stringify({ [rootKey]: servers }, null, 2) + "\n");
 		return true;
 	}
 
 	const parsed = jsonc.parse(existingContent);
-	const existing = parsed.servers ?? {};
+	const existing = parsed[rootKey] ?? {};
 	const formattingOptions: jsonc.FormattingOptions = { tabSize: 2, insertSpaces: true };
 
 	let text = existingContent;
 	let modified = false;
 
 	for (const [key, value] of Object.entries(servers)) {
 		if (!existing[key]) {
-			const edits = jsonc.modify(text, ["servers", key], value, { formattingOptions });
+			const edits = jsonc.modify(text, [rootKey, key], value, { formattingOptions });
 			text = jsonc.applyEdits(text, edits);
 			modified = true;
 		}
@@ -69,3 +84,4 @@ export function addMcpServers(
 
 	return modified;
 }
+

packages/ng-schematics/src/cli-config/ai-config-schema.json

@@ -15,11 +15,11 @@
         "enum": ["none", "claude", "copilot", "cursor", "codex", "windsurf", "gemini", "junie", "generic"]
       },
       "x-prompt": {
-        "message": "Which AI tools do you want to generate configuration files for?",
+        "message": "Which AI agents do you want to generate skills and instructions for?",
         "type": "list",
         "multiselect": true,
         "items": [
-          { "value": "none", "label": "None (skip AI configuration)" },
+          { "value": "none", "label": "None (skip skills and instructions)" },
           { "value": "generic", "label": "Generic (Adding .agents/skills and AGENTS.md)" },
           { "value": "claude", "label": "Claude (Adding .claude/skills and CLAUDE.md)" },
           { "value": "copilot", "label": "Copilot (Adding .github/skills and copilot-instructions.md)" },
@@ -30,6 +30,23 @@
           { "value": "junie", "label": "Junie (Adding .junie/skills and .junie/guidelines.md)" }
         ]
       }
+    },
+    "assistant": {
+      "type": "string",
+      "description": "Coding assistant to configure MCP servers for.",
+      "default": "vscode",
+      "enum": ["vscode", "cursor", "claude-code", "gemini", "junie"],
+      "x-prompt": {
+        "message": "Which coding assistant should MCP servers be configured for?",
+        "type": "list",
+        "items": [
+          { "value": "vscode", "label": "VS Code (GitHub Copilot)" },
+          { "value": "cursor", "label": "Cursor" },
+          { "value": "claude-code", "label": "Claude Code" },
+          { "value": "gemini", "label": "Gemini" },
+          { "value": "junie", "label": "JetBrains Junie" }
+        ]
+      }
     }
   }
 }

packages/ng-schematics/src/cli-config/index.ts

@@ -2,7 +2,7 @@ import * as ts from "typescript";
 import { DependencyNotFoundException } from "@angular-devkit/core";
 import { chain, FileDoesNotExistException, Rule, SchematicContext, Tree } from "@angular-devkit/schematics";
 import { RunSchematicTask } from "@angular-devkit/schematics/tasks";
-import { addClassToBody, addMcpServers, AIAgentTarget, App, copyAgentInstructionFiles, copyAISkillsToProject, FormatSettings, McpServerEntry, NPM_ANGULAR, resolvePackage, TEMPLATE_MANAGER, TypeScriptAstTransformer, TypeScriptUtils, VS_CODE_MCP_PATH } from "@igniteui/cli-core";
+import { addClassToBody, addMcpServers, AIAgentTarget, AiCodingAssistant, App, copyAgentInstructionFiles, copyAISkillsToProject, FormatSettings, McpServerEntry, NPM_ANGULAR, resolvePackage, TEMPLATE_MANAGER, TypeScriptAstTransformer, TypeScriptUtils, VS_CODE_MCP_PATH } from "@igniteui/cli-core";
 import { AngularTypeScriptFileUpdate } from "@igniteui/angular-templates";
 import { createCliConfig } from "../utils/cli-config";
 import { setVirtual } from "../utils/NgFileSystem";
@@ -127,7 +127,7 @@ function appInit(tree: Tree) {
 	setVirtual(tree);
 }
 
-function aiConfig({ init, agents }: { init: boolean; agents: AIAgentTarget[] }): Rule {
+function aiConfig({ init, agents, assistant = "vscode" }: { init: boolean; agents: AIAgentTarget[]; assistant?: AiCodingAssistant }): Rule {
 	return (tree: Tree) => {
 		if (init) {
 			appInit(tree);
@@ -142,18 +142,15 @@ function aiConfig({ init, agents }: { init: boolean; agents: AIAgentTarget[] }):
 			}
 		};
 
-		addMcpServers(VS_CODE_MCP_PATH, angularCliServer);
+		addMcpServers(assistant, angularCliServer);
 	};
 }
 
 /** Standalone `ai-config` schematic entry */
-export function addAIConfig(options: { agents?: AIAgentTarget[] } = {}): Rule {
+export function addAIConfig(options: { agents?: AIAgentTarget[]; assistant?: AiCodingAssistant } = {}): Rule {
 	const selected = options.agents?.length ? options.agents : [] as AIAgentTarget[];
 	const agents = selected.includes("none" as any) ? [] : selected;
-	if (!agents.length) {
-		return (tree: Tree) => tree;
-	}
-	return aiConfig({ init: true, agents });
+	return aiConfig({ init: true, agents, assistant: options.assistant });
 }
 
 export default function (): Rule {

packages/ng-schematics/src/cli-config/index_spec.ts

@@ -432,5 +432,37 @@ export const appConfig: ApplicationConfig = {
 			expect(aiSkillsModule.copyAISkillsToProject).toHaveBeenCalledWith(["claude", "cursor"]);
 			expect(aiSkillsModule.copyAgentInstructionFiles).toHaveBeenCalledWith(["claude", "cursor"]);
 		});
+
+		it("should default MCP config to .vscode/mcp.json with servers key", async () => {
+			await runner.runSchematic("ai-config", {}, tree);
+
+			const mcpFilePath = "/.vscode/mcp.json";
+			expect(tree.exists(mcpFilePath)).toBeTruthy();
+			const content = JSON.parse(tree.readContent(mcpFilePath));
+			expect(content.servers).toBeDefined();
+			expect(content.servers["igniteui-cli"]).toEqual({ command: "npx", args: ["-y", "igniteui-cli", "mcp"] });
+		});
+
+		it("should write to .cursor/mcp.json with mcpServers key when assistant is cursor", async () => {
+			await runner.runSchematic("ai-config", { assistant: "cursor" }, tree);
+
+			const mcpFilePath = "/.cursor/mcp.json";
+			expect(tree.exists(mcpFilePath)).toBeTruthy();
+			const content = JSON.parse(tree.readContent(mcpFilePath));
+			expect(content.mcpServers).toBeDefined();
+			expect(content.mcpServers["igniteui-cli"]).toEqual({ command: "npx", args: ["-y", "igniteui-cli", "mcp"] });
+			expect(content.mcpServers["angular-cli"]).toEqual({ command: "npx", args: ["-y", "@angular/cli", "mcp"] });
+			expect(content.servers).toBeUndefined();
+		});
+
+		it("should write to .mcp.json when assistant is claude-code", async () => {
+			await runner.runSchematic("ai-config", { assistant: "claude-code" }, tree);
+
+			const mcpFilePath = "/.mcp.json";
+			expect(tree.exists(mcpFilePath)).toBeTruthy();
+			const content = JSON.parse(tree.readContent(mcpFilePath));
+			expect(content.mcpServers["igniteui-cli"]).toBeDefined();
+			expect(content.mcpServers["angular-cli"]).toBeDefined();
+		});
 	});
 });