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

packages/cli/lib/PromptSession.ts

@@ -1,10 +1,11 @@
 import {
+	AI_AGENT_LABELS, AI_AGENT_SKILLS_DIRS, AIAgentTarget,
 	BasePromptSession, GoogleAnalytics, InquirerWrapper, PackageManager, ProjectConfig,
 	ProjectLibrary, PromptTaskContext, Task, Util
 } 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 } from "./commands/ai-config";
 import { default as start } from "./commands/start";
 import { default as upgrade } from "./commands/upgrade";
 import { TemplateManager } from "./TemplateManager";
@@ -76,6 +77,20 @@ export class PromptSession extends BasePromptSession {
 			// project options:
 			theme = await this.getTheme(projLibrary);
 
+			const AI_AGENT_CHOICES = Object.keys(AI_AGENT_SKILLS_DIRS) as AIAgentTarget[];
+			const selected = await InquirerWrapper.checkbox({
+				message: "Which AI tools do you want to generate configuration files for?",
+				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"
+					}))
+				]
+			});
+			const agents = selected.includes("none") ? [] : selected as AIAgentTarget[];
+
 			Util.log("  Generating project structure.");
 			const config = projTemplate.generateConfig(projectName, theme);
 			for (const templatePath of projTemplate.templatePaths) {
@@ -89,6 +104,10 @@ export class PromptSession extends BasePromptSession {
 			}
 			// move cwd to project folder
 			process.chdir(projectName);
+
+			if (agents?.length) {
+				configure(agents);
+			}
 		}
 		await this.chooseActionLoop(projLibrary);
 		//TODO: restore cwd?
@@ -106,7 +125,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,8 @@ 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(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,30 +26,64 @@ export function configureSkills(): void {
 	}
 }
 
-export function configure(skills = true): void {
+export function configure(agents: AIAgentTarget[]): void {
 	configureMCP();
-	if (skills) {
-		configureSkills();
+	for (const agent of agents) {
+		configureSkills(getSkillsDir(agent));
 	}
+	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"
+	}))
+];
+
 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) {
 		GoogleAnalytics.post({
 			t: "screenview",
 			cd: "MCP"
 		});
 
+		let agents = argv.agent as AIAgentTarget[] | undefined;
+
+		if (!agents?.length) {
+			const selected = await InquirerWrapper.checkbox({
+				message: "Which AI tools do you want to generate configuration files for?",
+				choices: AI_AGENT_CHECKBOX_CHOICES
+			});
+			agents = selected.includes("none") ? [] : selected as AIAgentTarget[];
+		}
+
+		if (!agents.length) {
+			Util.log("No AI configuration selected. Skipping.");
+			return;
+		}
+
 		GoogleAnalytics.post({
 			t: "event",
 			ec: "$ig ai-config",
-			ea: "client: vscode"
+			ea: `agent: ${agents.join(", ")}`
 		});
 
-		configure();
+		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");
 	},
@@ -162,6 +171,13 @@ const command: NewCommandType = {
 			process.chdir("..");
 		}
 
+		const agents = argv.agent as AIAgentTarget[] | undefined;
+		if (agents?.length) {
+			process.chdir(argv.name);
+			configure(agents);
+			process.chdir("..");
+		}
+
 		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,50 @@
+import { ControlExtraConfiguration, defaultDelimiters, ProjectTemplate, updateWorkspace, Util } from "@igniteui/cli-core";
+import * as path from "path";
+
+export class BaseIgrTsAiConfigPartial implements ProjectTemplate {
+	public id: string = "ai-config";
+	public name = "ai-config";
+	public description = "Ignite UI CLI project for React";
+	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 this.getVariablesConfig(name, theme);
+	}
+
+	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.");
+	}
+
+	protected getVariablesConfig(name: string, theme: string) {
+		return {
+			name,
+			theme,
+			"cliVersion": Util.version(),
+			"dash-name": Util.lowerDashed(name),
+			"description": this.description,
+			"dot": ".",
+			"path": name,
+			"projectTemplate": this.id,
+			"yamlDefaultBranch": this.id === "base" ? "<%=yaml-default-branch%>" : "main"
+		};
+	}
+}
+export default new BaseIgrTsAiConfigPartial();

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

@@ -0,0 +1,38 @@
+import { ControlExtraConfiguration, ProjectTemplate, TemplateDelimiters } from "@igniteui/cli-core";
+import * as path from "path";
+
+export class BaseIgcTsAiConfigPartial implements ProjectTemplate {
+
+	public id: string = "ai-config";
+	public name = "ai-config";
+	public description = "Project structure with routing";
+	public framework: string = "webcomponents";
+	public projectType: string = "igc-ts";
+	public dependencies: string[];
+	public hasExtraConfiguration: boolean = false;
+	public isHidden: boolean = true;
+
+	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.");
+	}
+	delimiters: TemplateDelimiters;
+	getExtraConfiguration(): ControlExtraConfiguration[] {
+		throw new Error("Method not implemented.");
+	}
+	setExtraConfiguration(extraConfigKeys: {}) {
+		throw new Error("Method not implemented.");
+	}
+}
+export default new BaseIgcTsAiConfigPartial();
+
+

packages/core/prompt/InquirerWrapper.ts

@@ -8,7 +8,7 @@ type InputConfig = {
     required?: boolean;
 	type?: string;
 	name?: string;
-	choices?: (string | Separator)[];
+	choices?: (string | { value: string; name?: string; checked?: boolean } | Separator)[];
     transformer?: (value: string, { isFinal }: {
         isFinal: boolean;
     }) => string;
@@ -29,8 +29,8 @@ export class InquirerWrapper {
 		return select(message, context);
 	}
 
-	public static async checkbox(message: InputConfig & { choices: (string | Separator)[] }, context?: Context): Promise<string[]> {
-		return checkbox(message, context);
+	public static async checkbox(message: InputConfig & { choices: (string | { value: string; name?: string; checked?: boolean } | Separator)[] }, context?: Context): Promise<string[]> {
+		return checkbox(message as any, context);
 	}
 
 	public static async confirm(message: { message: string; default?: boolean }, context?: Context): Promise<boolean> {