Make ig ai-config agent-agnostic instead of hard-coding .claude/skills

README.md

@@ -145,13 +145,21 @@ ig start
 
 ## Configure AI Tooling
 
-To automatically configure Ignite UI AI tooling - MCP servers and AI coding skills, run:
+To configure Ignite UI AI tooling — MCP servers and AI coding skills — run:
 
 ```bash
 ig ai-config
 ```
 
-This creates or updates `.vscode/mcp.json` in the current project with entries for both the [Ignite UI MCP](#mcp-server) and `igniteui-theming` MCP servers. Existing servers in the file are preserved. It also copies any AI coding skill files from installed Ignite UI packages into the project. New projects are created with AI tooling configuration out of the box.
+You will be prompted to select which AI tools to configure (Claude and Generic are selected by default). You can also pass agents directly:
+
+```bash
+ig ai-config --agent claude copilot generic
+```
+
+This creates or updates `.vscode/mcp.json` with entries for the [Ignite UI MCP](#mcp-server) and `igniteui-theming` MCP servers (existing servers are preserved), copies AI coding skill files from installed Ignite UI packages, and generates agent-specific instruction files (e.g. `CLAUDE.md`, `AGENTS.md`).
+
+The `ig new` command also prompts for AI tool configuration as part of project creation.
 
 ## MCP Server
 
@@ -170,14 +178,18 @@ ig mcp --debug          # Enable debug logging to mcp-server.log
 
 ### Using with AI Assistants
 
-For VS Code, the `ig ai-config` command handles configuration automatically (see above). For other MCP clients (e.g., Claude Desktop, Cursor), configure them manually to use the CLI as the MCP server:
+For VS Code, the `ig ai-config` command handles configuration automatically (see above). For other MCP clients (e.g., Claude Desktop, Cursor), configure them manually:
 
 ```json
 {
   "mcpServers": {
     "igniteui-cli": {
-      "command": "ig",
-      "args": ["mcp"]
+      "command": "npx",
+      "args": ["-y", "igniteui-cli", "mcp"]
+    },
+    "igniteui-theming": {
+      "command": "npx",
+      "args": ["-y", "igniteui-theming", "igniteui-theming-mcp"]
     }
   }
 }

packages/cli/lib/PromptSession.ts

@@ -4,7 +4,7 @@ import {
 } from "@igniteui/cli-core";
 import * as path from "path";
 import { default as add } from "./commands/add";
-import { configure as aiConfigure } from "./commands/ai-config";
+import { configure, configureMCP, promptForAgents } from "./commands/ai-config";
 import { default as start } from "./commands/start";
 import { default as upgrade } from "./commands/upgrade";
 import { TemplateManager } from "./TemplateManager";
@@ -76,6 +76,8 @@ export class PromptSession extends BasePromptSession {
 			// project options:
 			theme = await this.getTheme(projLibrary);
 
+			const agents = await promptForAgents();
+
 			Util.log("  Generating project structure.");
 			const config = projTemplate.generateConfig(projectName, theme);
 			for (const templatePath of projTemplate.templatePaths) {
@@ -89,6 +91,10 @@ export class PromptSession extends BasePromptSession {
 			}
 			// move cwd to project folder
 			process.chdir(projectName);
+
+			if (agents?.length) {
+				await configure(agents);
+			}
 		}
 		await this.chooseActionLoop(projLibrary);
 		//TODO: restore cwd?
@@ -106,7 +112,7 @@ export class PromptSession extends BasePromptSession {
 
 	protected async configureAI(): Promise<void> {
 		// skip adding skills since those are baked into the project template atm:
-		aiConfigure(false);
+		configureMCP();
 	}
 
 	/**

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

@@ -1,4 +1,4 @@
-import { addMcpServers, copyAISkillsToProject, GoogleAnalytics, Util, VS_CODE_MCP_PATH } from "@igniteui/cli-core";
+import { addMcpServers, AI_AGENT_LABELS, AI_AGENT_SKILLS_DIRS, AIAgentTarget, copyAgentInstructionFiles, copyAISkillsToProject, getSkillsDir, GoogleAnalytics, InquirerWrapper, Util, VS_CODE_MCP_PATH } from "@igniteui/cli-core";
 import { ArgumentsCamelCase, CommandModule } from "yargs";
 
 export function configureMCP(): void {
@@ -11,8 +11,14 @@ export function configureMCP(): void {
 	Util.log(Util.greenCheck() + ` MCP servers configured in ${VS_CODE_MCP_PATH}`);
 }
 
-export function configureSkills(): void {
-	const result = copyAISkillsToProject();
+export function configureSkills(agents: AIAgentTarget[]): void {
+	for (const agent of agents) {
+		configureSkillsForAgent(getSkillsDir(agent));
+	}
+}
+
+function configureSkillsForAgent(skillsDir: string): void {
+	const result = copyAISkillsToProject(skillsDir);
 	if (result.found === 0) {
 		Util.warn("No AI skill files found. Make sure packages are installed (npm install) " +
 			"and your Ignite UI packages are up-to-date.", "yellow");
@@ -26,18 +32,61 @@ export function configureSkills(): void {
 	}
 }
 
-export function configure(skills = true): void {
+export async function configure(agents?: AIAgentTarget[], skills = true): Promise<void> {
+	if (!agents?.length) {
+		agents = await promptForAgents();
+	}
+	if (!agents.length) return;
 	configureMCP();
 	if (skills) {
-		configureSkills();
+		configureSkills(agents);
 	}
+	copyAgentInstructionFiles(agents);
+}
+
+const AI_AGENT_CHOICES = Object.keys(AI_AGENT_SKILLS_DIRS) as AIAgentTarget[];
+
+const AI_AGENT_CHECKBOX_CHOICES = [
+	{ value: "none", name: "None (skip AI configuration)" },
+	...AI_AGENT_CHOICES.map(agent => ({
+		value: agent,
+		name: AI_AGENT_LABELS[agent],
+		checked: agent === "generic" || agent === "claude"
+	}))
+];
+
+export async function promptForAgents(): Promise<AIAgentTarget[]> {
+	const selected = await InquirerWrapper.checkbox({
+		message: "Which AI tools do you want to generate configuration files for?",
+		required: true,
+		choices: AI_AGENT_CHECKBOX_CHOICES
+	});
+	return selected.includes("none") ? [] : selected as AIAgentTarget[];
 }
 
 const command: CommandModule = {
 	command: "ai-config",
 	describe: "Configures Ignite UI AI tooling (MCP servers and AI coding skills)",
-	builder: (yargs) => yargs,
-	async handler(_argv: ArgumentsCamelCase) {
+	builder: (yargs) => yargs
+		.usage("")
+		.option("agent", {
+			alias: "a",
+			describe: "AI agent(s) to configure skills for (determines the target skills directory)",
+			choices: AI_AGENT_CHOICES,
+			type: "array"
+		}),
+	async handler(argv: ArgumentsCamelCase) {
+		let agents = argv.agent as AIAgentTarget[] | undefined;
+
+		if (!agents?.length) {
+			agents = await promptForAgents();
+		}
+
+		if (!agents.length) {
+			Util.log("No AI configuration selected. Skipping.");
+			return;
+		}
+
 		GoogleAnalytics.post({
 			t: "screenview",
 			cd: "MCP"
@@ -46,10 +95,10 @@ const command: CommandModule = {
 		GoogleAnalytics.post({
 			t: "event",
 			ec: "$ig ai-config",
-			ea: "client: vscode"
+			ea: `agent: ${agents.join(", ")}`
 		});
 
-		configure();
+		await configure(agents);
 	}
 };
 

packages/cli/lib/commands/new.ts

@@ -1,9 +1,12 @@
-import { GoogleAnalytics, PackageManager, ProjectConfig, ProjectLibrary, Util } from "@igniteui/cli-core";
+import { AI_AGENT_SKILLS_DIRS, AIAgentTarget, GoogleAnalytics, PackageManager, ProjectConfig, ProjectLibrary, Util } from "@igniteui/cli-core";
 import * as path from "path";
 import { PromptSession } from "./../PromptSession";
 import { NewCommandType, PositionalArgs } from "./types";
 import { TemplateManager } from "../TemplateManager";
 import { ArgumentsCamelCase, Choices } from "yargs";
+import { configure } from "./ai-config";
+
+const AI_AGENT_CHOICES = Object.keys(AI_AGENT_SKILLS_DIRS) as AIAgentTarget[];
 
 // explicit typing because `type: "string"` will be inferred as `type: string` which yargs will not like
 const _framework: {
@@ -59,6 +62,12 @@ const command: NewCommandType = {
 				describe: "Project template",
 				type: "string"
 			})
+			.option("agent", {
+				alias: "a",
+				describe: "AI agent(s) to configure skills for (determines the target skills directory)",
+				choices: AI_AGENT_CHOICES,
+				type: "array"
+			})
 			.example("$0 new my-app", "Scaffold a new project interactively")
 			.example("$0 new my-app -f angular -t igx-ts", "Scaffold an Ignite UI for Angular project");
 	},
@@ -152,16 +161,20 @@ const command: NewCommandType = {
 
 		Util.log(Util.greenCheck() + " Project Created");
 
-		if (!argv["skip-git"] && !ProjectConfig.getConfig().skipGit) {
-			Util.gitInit(process.cwd(), argv.name);
-		}
-
 		if (!argv.skipInstall) {
 			process.chdir(argv.name);
 			await PackageManager.installPackages();
 			process.chdir("..");
 		}
 
+		process.chdir(argv.name);
+		await configure(argv.agent as AIAgentTarget[] | undefined);
+		process.chdir("..");
+
+		if (!argv["skip-git"] && !ProjectConfig.getConfig().skipGit) {
+			Util.gitInit(process.cwd(), argv.name);
+		}
+
 		Util.log("");
 		Util.log("Next Steps:");
 		Util.log(`  cd ${argv.name}`);

packages/cli/templates/react/igr-ts/projects/ai-config/index.ts

@@ -0,0 +1,38 @@
+import { ControlExtraConfiguration, defaultDelimiters, ProjectTemplate } from "@igniteui/cli-core";
+import * as path from "path";
+
+// currently reusing hidden project impl as components/views pipeline go through registerInProject
+// ideally would define a separate type/category for those partial files
+export class IgrTsAiConfigPartial implements ProjectTemplate {
+	public id: string = "ai-config";
+	public name = "ai-config";
+	public description = "Ignite UI CLI AI config for React partial project files";
+	public framework: string = "react";
+	public projectType: string = "tsx";
+	public dependencies: string[] = [];
+	public hasExtraConfiguration: boolean = false;
+	public isHidden: boolean = true;
+	public delimiters = defaultDelimiters;
+
+	public get templatePaths(): string[] {
+		return [path.join(__dirname, "files")];
+	}
+
+	public generateConfig(_name: string, _theme: string, ..._options: any[]): {[key: string]: any} {
+		return { /* partials not using Util.processTemplates atm */ };
+	}
+
+	public installModules(): void {
+		throw new Error("Method not implemented.");
+	}
+	public async upgradeIgniteUIPackages(_projectPath: string, _packagePath: string): Promise<boolean> {
+		throw new Error("Method not implemented.");
+	}
+	public getExtraConfiguration(): ControlExtraConfiguration[] {
+		throw new Error("Method not implemented.");
+	}
+	public setExtraConfiguration(_extraConfigKeys: {}) {
+		throw new Error("Method not implemented.");
+	}
+}
+export default new IgrTsAiConfigPartial();

packages/cli/templates/webcomponents/igc-ts/projects/ai-config/index.ts

@@ -0,0 +1,40 @@
+import { ControlExtraConfiguration, defaultDelimiters, ProjectTemplate } from "@igniteui/cli-core";
+import * as path from "path";
+
+// currently reusing hidden project impl as components/views pipeline go through registerInProject
+// ideally would define a separate type/category for those partial files
+export class IgcTsAiConfigPartial implements ProjectTemplate {
+
+	public id: string = "ai-config";
+	public name = "ai-config";
+	public description = "Ignite UI CLI AI config for Web Components partial project files";
+	public framework: string = "webcomponents";
+	public projectType: string = "igc-ts";
+	public dependencies: string[];
+	public hasExtraConfiguration: boolean = false;
+	public isHidden: boolean = true;
+	public delimiters = defaultDelimiters;
+
+	public get templatePaths(): string[] {
+		return [path.join(__dirname, "files")];
+	}
+
+	installModules(): void {
+		throw new Error("Method not implemented.");
+	}
+	upgradeIgniteUIPackages(_projectPath: string, _packagePath: string): Promise<boolean> {
+		throw new Error("Method not implemented.");
+	}
+	generateConfig(_name: string, _theme: string, ..._options: any[]): { [key: string]: any; } {
+		throw new Error("Method not implemented.");
+	}
+	getExtraConfiguration(): ControlExtraConfiguration[] {
+		throw new Error("Method not implemented.");
+	}
+	setExtraConfiguration(_extraConfigKeys: {}) {
+		throw new Error("Method not implemented.");
+	}
+}
+export default new IgcTsAiConfigPartial();
+
+

packages/core/prompt/InquirerWrapper.ts

@@ -8,14 +8,18 @@ type InputConfig = {
     required?: boolean;
 	type?: string;
 	name?: string;
-	choices?: (string | Separator)[];
+	choices?: (string | Separator)[] | ({ value: string; name?: string; checked?: boolean } | Separator)[];
     transformer?: (value: string, { isFinal }: {
         isFinal: boolean;
     }) => string;
 
 	// TODO: consider typing these by extracting the types from the inquirer package
     validate?: any;
-    theme?: unknown;
+    theme?: any;
+};
+
+type InputChoicesConfig = InputConfig & {
+    choices: (string | Separator)[] | ({ value: string; name?: string; checked?: boolean } | Separator)[];
 };
 
 export class InquirerWrapper {
@@ -25,11 +29,11 @@ export class InquirerWrapper {
 		return input(message, context);
 	}
 
-	public static async select(message: InputConfig & { choices: (string | Separator)[] }, context?: Context): Promise<string> {
+	public static async select(message: InputChoicesConfig, context?: Context): Promise<string> {
 		return select(message, context);
 	}
 
-	public static async checkbox(message: InputConfig & { choices: (string | Separator)[] }, context?: Context): Promise<string[]> {
+	public static async checkbox(message: InputChoicesConfig, context?: Context): Promise<string[]> {
 		return checkbox(message, context);
 	}